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n este libro nos ocuparemos de la creación de 
gráficos elementales con un ordenador perso- 
nal. Al echar una rápida ojeada a todo aquello 
que normalmente se entiende por gráfico nota- 
remos en seguida lo extenso que puede ser este 
tema: decir gráfico es decir dibujo, y dentro del 
dibujo está todo aquello comprendido entre los 
garabatos de un niño pequeño y las más famo- 
sas obras de arte; decir gráfico también es decir 
comunicación, y aquí el campo es enorme: fotografías, dibujo téc- 
nico, publicidad, murales.. son ejemplos de cómo los gráficos son 
utilizados como vehículo de un mensaje. Y cuando, finalmente, pa- 
samos de un dibujo estático al dinamismo de una película.. 

Desde el momento en que el ordenador adquiere la capa- 
cidad para realizar gráficos, hecho que se remonta a los años 
sesenta, la informática ha empezado a inmiscuirse en todo lo 
relacionado con ellos, sin dejar de lado ninguno de los temas 
mencionados anteriormente. Hasta los murales han evolucionado: 
potentes proyectores de luz láser, guiados como es lógico por un 
ordenador, son utilizados hoy en día para llevar a cabo inscripcio- 
nes o dibujos (que pueden hasta estar en movimiento) sobre las 
más extrañas superficies: desde las paredes de una discoteca a 
las de una gran montaña e incluso en las nubes. 

En el mundo del cine está aprovechándose cada vez más la 
posibilidad de sintetizar imágenes a placer, sin que sea necesario 
tener enfrente al sujeto al que se desea filmar; de esta manera ya 
no será necesario realizar costosas ambientaciones y, por otra par- 
te, cualquier fantasía del director, por insólita que resulte, podrá 
ser llevada a la práctica. Baste recordar como ejemplo la película 
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"Tron", producida en los estudios Disney, en la que ha sido am- 
pliamente utilizada la técnica de crear un gran número de imáge- 
nes por medio del ordenador para ser utilizadas luego en suce- 
sión como si de una película corriente se tratara. 

Los ejemplos mencionados hasta ahora poseen una cosa en 
común, y es que, en el fondo, toda imagen no es más que un sím- 
bolo trazado sobre una superficie cualquiera, si bien la naturaleza 
de estos dos elementos puede ser extremadamente variable, 
como es el caso del láser (en el que el signo no está constituido 
por materia). Al tratarse de gráficos en el ordenador, ambos ele- 
mentos tendrán que ser compatibles cor'él: en lugar de tela y pin- 
cel nos encontraremos con que el espacio disponible será el de 
la pantalla, plotter o impresora gráfica, y el pincel se convertirá 
en el tubo catódico, Llegados a este punto es evidente que de- 
bemos hacer una selección, debido a la extensión del tema. 

Dado que nuestro fin es esencialmente didáctico y de intro- 
ducir en el tema, nos vamos a ocupar de la generación de imá- 
genes por medio de un ordenador personal o doméstico, limitán- 
donos a la pantalla de un monitor corriente. Esto supone que no 
hablaremos de la elaboración de imágenes en color sobre velo- 
ces y gigantescos ordenadores, ni de periféricos gráficos intere- 
santísimos (como los plotters, por ejemplo), es decir, de nada que 
se halle fuera de las posibilidades de quien sólo posee un orde- 
nador personal o doméstico. Nos limitaremos a las imágenes en 
blanco y negro y figuras esencialmente geométricas. Esto es, tra- 
taremos sobre las bases de gráficos computerizados desde el pun- 
to hasta el problema de las superficies escondidas. El resto, des- 
de las obras de arte a las animaciones, vendrá en otra ocasión. 

No vayan a creer que esto es poca cosa, pues, a pesar de que 
en este libro de la Biblioteca damos los elementos básicos de las 
Computer Graphics y de sus métodos (con numerosos y claros 
ejemplos, todos ellos en el tan popular lenguaje BASIC) nos ha- 
llamos aún lejos de haber tratado todo aquello que puede apare- 
cer en la pantalla de un ordenador personal. Esto es sólo un co- 
mienzo: quienes se mantengan al tanto de las novedades edita- 
das podrán hallar más “exquisiteces” sobre el tema de gráficos en 
ordenadores... 


LOS GRÁFICOS VISTOS POR El ORDENADOR 


El monitor de vídeo: nuestro campo de batalla 


] procedimiento según el cual se forma una ima- 
gen en la pantalla del tubo de rayos catódicos 
es siempre el mismo, ya sea tratándose de un te- 
levisor corriente o del monitor de un ordenador 
personal: un delgado haz de electrones, que pro- 
viene de un dispositivo llamado cañón electró- 
nico, golpea la superficie interna de la pantalla 
desplazándose rápidamente de izquierda a de- 
recha y de arriba abajo, recorriendo así una se- 
rie de líneas horizontales paralelas (Fig. 1). 

La pantalla se halla revestida en su interior por los llamados 
fósforos, sustancias capaces de emitir luz cuando son "golpeadas" 
por los electrones del haz. Si el cañón dispara electrones durante 
el barrido constante, línea por línea, de toda la pantalla ésta apa- 
recerá totalmente iluminada y, por tanto, blanca (o verde en el 
caso de un monitor de fósforo verde). Si, en cambio, el haz per- 
manece quieto, la pantalla se presentará negra. 

Ahora bien, ¿cómo pueden obtenerse imágenes algo más 
complejas e interesantes que una simple pantalla blanca o negra? 
Esto se logra al modular el haz, es decir, encendiéndolo 0 
apagándolo continuamente de manera que vaya dibujando una 
imagen. 

En el televisor la modulación del haz depende de la señal re- 
cibida por la antena, que transporta instante por instante la infor- 
mación correspondiente tomada por la cámara. En el caso del 01 
denador, la modulación del haz (y por tanto la de la imagen que 
resulta de ello) está bajo nuestro control y depende del conten 
do de cierta área de memoria. ¡No se le vaya a ocurrir desmontar 
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Figura 1.—El cañón electrónico se halla en censtante movimiento y 

apunte hacia la pantalla recorriendo una serie de líneas horizonta- 
les. Cuando el cañón emite los electrones, las líneas se hacen luminosas 
y por tanto visibles. Cuando se efectúa el “retorno” (del final de una línea 
al principio de la siguiente) el cañón no emite y por ello estas líneas dia- 
genales no se visualizan. 


el monitor para observar el movimiento del cañón electrónico! En 
realidad, éste se produce al guiar el haz electrónico por medio de 
un campo magnético continuamente variable, sin que haya ele- 
mentos en movimiento. 

Parece ser, entonces, por lo visto hasta ahora, que la imagen 
se forma sobre una base constituida por una serie de líneas. En 
cambio, al observar atentamente la pantalla se notará que cual- 
quier cosa representada está en realidad formada por una serie 
de puntos iluminados. En efecto, la imagen lograda depende pre- 
cisamente del hecho de que estos puntos estén iluminados o apa- 
gados (Fig. 2). Hay ya en esto una diferencia en relación con lo 
que ocurre en un televisor corriente, en el que pueden aparecer 
imágenes en una posición cualquiera, sin que dependan de nin- 
guna otra predeterminada por una red de puntos. Otra diferencia 
importante, con relación a la imagen de TV común, estriba en que 
un punto puede hallarse únicamente en dos estados posibles: ilu- 
minado o apagado, sin que exista posición intermedia. No se 
podrá, por tanto, visualizar ningún tipo de gris: todo tiene que ser 
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ODOMODOMMAMAAODO 
OOMOMODOBOOOBAO 
OMDOOMOMOOOMO 
OMOOOMOAMA AO 
OMAR OAOOORO 
OMODOOMOMDOOAO 
OMDOOMOMAMAAOO 


Mis Figura 2.—La imagen generada por un ordenador está compuesta 
por puntos dispuestos en posiciones prefijadas, cada uno de los cua: 
les puede estar iluminado o apagado. En la figura puede verse cómo apa: 
recen las letras Z y B observadas desde muy cerca; están señalados tam- 
bién los puntos que se hallan apagados. 


blanco o negro, iluminado o apagado, 1 o 0. Que quede claro que 
estamos hablando de aparatos normales, pues en sistemas más so- 
fisticados es posible visualizar diferentes tonos de gris y/o de co- 
lores; además, en el ordenador todo está cuantificado, grises y 
otros colores incluidos, de una forma reconducible a la binaria (su- 
cesión de “unos” y “ceros”). 


Los modos gráficos 


Si con el término gráfico entendemos todo aquello que pue- 
de representarse en la pantalla, el tema puede resultar demasia- 
do extenso, por lo que será conveniente precisar un poco más 

Lo primero que vemos aparecer en la pantalla nada más en- 
cender el ordenador es, por regla general, una serie de caracte- 
res alflanuméricos que normalmente indican el nombre del apara: 
to y alguna información adicional. Lo que se está observando en 
ese momento es la llamada "Página de Texto”: en ese momenle 
en el monitor pueden aparecer cualesquiera caracteres elegido: 
entre el conjunto (“set”) de los que hay disponibles. 


De un ordenador a otro pueden variar tanto el número como 
el set de caracteres, según la configuración particular adoptada 
por el fabricante. Por ejemplo, el Apple visualiza normalmente 24 
líneas con 40 caracteres cada una, pero añadiendo una tarjeta es- 
pecial el formato puede resultar de 80 caracteres por línea, más 
útil para el caso en que se pretendan ejecutar trabajos de proce- 
samiento de textos (Word Processing). También el Commodo- 
re 64 tiene una página de texto parecida: 25 líneas de 40 caracte- 
res, pero el set comprende muchos caracteres que el Apple no 
posee (Fig. 3). s 
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M 9 
N n 14 58 
o o 15 59 
P p 15 < 60 
Q q 17 = 61 
R r 18 > 62 ' 
S Ss 19 ? 63 
T 1 20 H 64 
U u 21 [+] A 65 
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Juego 1 Juego 2 Decimal Juego 1 Juego 2 Decimal 


77 
78 
79 
80 
81 

82 
83 
84 
85 
86 


20095000005 060560001 


ELE O AO OZ IS 


ROOGOBAdO NO RRBADOOna 
haa] Jajaja] 1-1 Jel=l=Eciejclo 


Figura 3.—El set de caracteres es el conjunto de todos los caracte- 

res que pueden aparecer en la pantalla o en la impresora. La forma 
de cada uno de ellos está establecida para cada ordenador y se encuen- 
tra almacenada generalmente de un modo permanente en ROM. El Com: 
modore 64 posee también caracteres semigráficos. 


En definitiva, independientemente de estas diferencias, todos 
los ordenadores personales tienen en común el hecho de poder 
funcionar de manera que presenten en la pantalla una página de 
texto. Esto último es cierto siempre que no se trate de aparatos 
específicos o donde el gráfico sea particularmente aparente, como 
es el caso del Macintosh. 
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Una característica específica de la página de texto es que los 
distintos puntos de la imagen no pueden ser iluminados o apaga- 
dos de modo independiente, sino sólo en base a esquemas pre- 
fijados, es decir, según el set de caracteres y el “estilo” (“font”) par- 
ticular del ordenador. Esto significa que a pesar de que las letras 
y números son visualizados en forma de una matriz de puntos ilu- 
minados, con lo cual en teoría podrían representarse incluso, por 
ejemplo, todas las letras griegas, sólo se pueden obtener aquellos 
caracteres que ese ordenador en concreto contenga en su set 
(Fig. 3). Esto se debe a que normalments el conjunto de los ca- 
racteres se halla en memoria ROM (sólo de lectura) de modo que 
no es posible alterarlo. Sin embargo, ciertos equipos permiten la 
obtención del set de caracteres a partir de una RAM (memoria de 
lectura y escritura), gracias a ello el usuario podrá representar 
cualquier carácter que desee, como ocurre, por ejemplo, en el 
Commodore 64. 

Otra posibilidad de visualización que nos interesa de un modo 
particular es la "Página Gráfica”. A diferencia con la página de tex- 
to, cuando el ordenador funciona de esta manera, cualquier punto 
de la pantalla puede ser iluminado o apagado individualmente. Es 
fácil imaginar las ventajas que esto conlleva: en la página gráfica 
es posible representar no sólo cualquier tipo de carácter, sino tam- 
bién cualquier dibujo que se desee. Para ello bastará con ilumi- 
nar de forma correcta los puntos que lo componen, sin tener que 
depender para ello de un esquema fijo, como ocurre en la página 
de texto. Resulta evidente, por tanto, que para hacer gráficos com- 
puterizados es imprescindible que el ordenador pueda trabajar 
en el modo de página gráfica. 

Existen además los llamados “sprites” (que significa literal- 
mente “duende”), elementos gráficos definidos por el programa- 
dor que pueden ser posicionados con facilidad en cualquier par- 
lo de la pantalla y moverse en ella. No todos los ordenadores tie- 
nen la capacidad de visualizar sprites, ni tampoco los manejan de 
la misma manera. 

Aparte de detalles de menor importancia, como son el núme- 
ro y color, una diferencia importante que existe, por ejemplo, en- 
Ire el Commodore 64 y los ordenadores de la serie MSX es que, 
aunque ambos poseen sprites, el primero obliga al programador 
á usar una serie de PEEK y POKE (o bien el lenguaje máquina) 
para utilizarlos, mientras los unidos al estándar MSX proporcionan 
tina sorie cómoda y racional de instrucciones BASIC especializá- 
das on su gestión. Los sprites son utilizados sobre todo en progra- 
mas de juegos, dende resulta esencial el movimiento rápido de 
los objetos que aparecen en pantalla. 

Por último, vamos a citar los caracteres semigráficos que, en 
olorlos casos, pueden proporcionar prestaciones parecidas a las 
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que se obtienen en la página gráfica, si bien se utilizan sólo en la 
página de texto, En efecto, el set de caracteres de algunos orde 
nadores (Commodore, Spectrum y otros) no contiene sólo los ha 
bituales números, letras y signos de puntuación, sino también al: 
gunos símbolos formados por líneas, rectángulos y artos de cir 
cunferencia: son los llamados caracteres semigráficos (o pseudo: 
gráficos). Al componer adecuadamente tales símbolos es posible 
realizar algunos dibujos sencillos. Así, por ejempoo, utilizando los 
caracteres semigráficos del Commodore 64, que aparecen en la 
figura 3, ha sido hecho el dibujo de la figura 4. 

Queda claro, en relación con lo dicho anteriormente, que en 
este libro no será posible profundizar en todos los modos gráficos 
indicados hasta ahora, ni en sus numerosas conexiones, pues nos 
extenderíamos demasiado. Nos ocuparemos, por tanto, de un 
modo particular de las bases geométricas de los gráficos compu- 
terizados, trabajando precisamente sobre la página gráfica. 


2) Figura 4—Al componer de forma adecuada algunos caracteres se: 
migráficos es posible obtener dibujos sencillos, como el que apa: 
rece en la figura. 
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Detalle y resolución 


Todo lo que hemos comentado hasta ahora nos lleva a la for- 
mulación de una pregunta: la ventaja fundamental de la página 
gráfica hemos visto que es la de permitir el control de un único 
punto entre los existentes en la pantalla ahora bien, ¿cuál es el nú- 
mero de estos puntos? Como es fácil suponer, el tipo de dibujo 
que se puede hacer depende de que los puntos disponibles sean 
muchos o pocos. Además, según el trabajo que se quiera realizar, 
no será siempre necesario tener a nuestra disposición un número 
de puntos elevado. 

Veamos una analogía que nos aclare el problema. Si, por ejem- 
plo, estamos dibujando sobre papel, está claro que obtendremos 
resultados diferentes según utilicemos un lápiz de punta redonda 
u otro bien afilado, En el primer caso no será posible señalar de- 
talles por debajo de cierto límite, mientras que en el segundo el 
grado de precisión, debido al tipo de punta, será mucho mayor, 
Este ejemplo es válido a la hora de comparar un ordenador en 
cuya pantalla aparezcan, digamos, 100x75 puntos en relación con 
otro capaz de visualizar 300x200 (cuando se dice 200x200 se en- 
tiende que sobre la pantalla aparecen 200 líneas, cada una de las 
cuales está formada por 300 puntos). Si las dimensiones de ambos 
monitores son las mismas está claro que en el primer caso el ta- 
maño de los “puntos” será mayor que en.el segundo. 

En resumen, si se dispone de pocos puntos se obtendrán imá- 
genes más bien bastas y tan sólo esbozadas; decimos en este caso 
que son “de baja resolución” Un mayor número de puntos permi- 
te, en cambio, una resolución más elevada, con detalles más pre- 
cisos y concretos (Fig. 5). 

La magnitud que define el grado de detalle alcanzable sobre 
lina página gráfica es, precisamente, la resolución. 

Una manera de medir la resolución puede ser, como hemos 
hecho anteriormente, refiriéndonos al número de puntos en que 
está dividido el espacio de la página gráfica tanto vertical como 
horizontalmente. Por ejemplo, el Apple posee un página gráfica 
cuya resolución es de 280x192, de modo que pueden encenderse 
y apagarse individualmente 53760 puntos (280x192). El Commo- 
dore 64 posee una resolución mayor: 320x200, es decir 64000 pun- 
to3, 

Hay que tener en cuenta que al indicar la resolución el nú- 
mero más grande señala siempre el de los puntos de cada línea 
(horizontales, por tanto), mientras que el pequeño señala el nú- 
mero de líneas o, lo que es lo mismo, la cantidad de puntos ver- 
ticales. Esto se debe a dos factores. Por un lado, la forma de la pan- 
talla es la de un rectángulo cuyo lado mayor está dispuesto hori- 
zontalmente; al ser preferible tener unos puntos cuadrados o, al 
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BAJA RESOLUCION 


-= Curva ideal a representar 


[] Representación real 


ALTA RESOLUCION 


EN Figura 5.—El grado de resolución depende del número de puntos 
disponibles en la pantalla. Esto mismo determina las dimensiones 


de los puntos en sí. 


menos, lo más cuadrados posible, es evidente que debe haber un 
número mayor en el lado horizontal que en el vertical. Con más 
precisión, la relación entre los lados de la pantalla de un monitor 
(o de un televisor) es de 3/4. Hay además otro motivo que tiene 
que ver con los estándares de transmisión de las imágenes de TV, 
de tal manera que no es posible aumentar a placer el número de 
líneas (que corresponde con el número de puntos en vertical), 

La base de todo aquello que puede ser representado en una 
página gráfica es el punto elemental que en el lenguaje de los grá- 
ficos por ordenador es llamado “pixel” (contracción de las pala- 
bras “picture element”, es decir, elemento de la imagen). Del mis- 
mo modo que no es posible concebir una cantidad de informa- 
ción más pequeña que el bit, así en la pantalla de un ordenador 
gráfico no puede representarse nada cuyas dimensiones sean in- 
feriores a las de un pixel. 
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El plano cartesiano 


Una vez aclarado que nuestro campo de acción es una pági- 
ha gráfica con cierto número de pixels controlables individual- 
mente, es necesario establecer un convenic que nos permita in- 
dicar sobre qué punto de la pantalla desearros actuar. Esto resul- 
la fácil debido a que los pixels se hallan en un plano, con lo que 
podremos utilizar las coordenadas cartesianas. Vamos a dar un re- 
paso a este tema. 

Haciendo referencia a la figura 6, para indicar la posición de 
ún punto sobre una semirrecta "X” con origen en cero bastará con 


0 1 2 3 4 5 6 A 8 9 10 


Figura 6.—Para identificar la posición de un punto sobre una se- 

mirrecta es suficiente un solo número. Si el punto se halla sobre un 
plano se requerirán dos, uno por cada una de las direcciones “X" e "Y" 
Cada pareja de números señala un único punto. 
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medir la distancia a ese punto desde el origen, Si, en cambio, el 
punto se halla en un plano delimitado por dos semirrectas, que lla» 
maremos “x” e “y”, serán necesarias las medidas de dos distancias 
para identificarlo: las que hay entre el punto y la semirrecta "Xx" y 
entre el punto y la semirrecta “y” (ambas medidas se toman per- 
pendicularmente con relación a las dos semirrectas). Un plano en 
el cual los puntos se localizan pcr este convenio se llama plano 
cartesiano, y las semirrectas que lo definen, ejes. 

Cada pixel de la página gráfica se identifica mediante una pa- 
reja de números ¡lamada, precisamente, coordenadas cartesianas. 
Está establecido por convenio que el primero indique la distancia 
al eje “y”, es decir, su posición horizontal (coordenada X) y el se- 
gundo al eje "x”, que corresponde a la posición vertical (coorde- 
nada Y). En la figura 6 aparecen algunos ejemplos. 

A pesar de que lo descrito anteriormente es el modo clásico 
de entender las coordenadas cartesianas, en la página gráfica de 
los ordenadores personales no siempre se sigue al pie de la letra 
tal convenio, aunque también es cierto que la diferencia es más 
que nada de carácter formal: el eje “y” está dirigido hacia abajo 
en vez de hacia arriba (en el caso del Apple, por ejemplo), mien- 
tras que el origen (con coordenadas 0,0) se halla en el ángulo su- 
perior izquierdo en vez de en el derecho. De ahí se deriva que 
las distancias positivas a lo largo del eje "y” se midan de arriba a 
abajo (Fig. 7). 


¿Elegir un ordenador? 


Este es, en principio, un libro esencialmente práctico que in- 
cluye incluso listados del software útiles para comprobar, paso a 
paso, las nociones aprendidas en cada momentc. Pero se nos plan- 
teó un problema: ¿para qué ordenador iban - ser escritos estos 
programas? En efecto, para poder dar ejemplos concretos fue ne- 
cesario hacer una elección dentro de la j1.ngla de ordenadores 
que es el mercado. 

Tras un comolejo análisis hemos prefi.rido en esta ocasión el 
conocidísimo Commodore 64. De todos modos, aquellas personas 
que posean otro ordenador, por ejemnlo un Apple, un Spectrum 
o uno con sistema MSX, no tendrán dificultades a la hora de adap- 
tar estos programas a su propio ordeiador. Todo lo que se requie- 
re es que éste posea las instruccicnes necesarias para dibujar pun- 
tos y trazar líneas; una vez que haya intervenido en las zonas del 
programa relacionadas con estas operaciones (y en otras pocas 
que veremos más adelante) el resto del procedimiento será inde- - 
pendiente del ordenador utilizado en casa caso. Para dar 
ánimos a los menos atrevidos diremos que todo el software que 
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Figura 7.—Disposición de los ejes cartesianos en algunos ordena- 

dores, con el origen situado arriba a la izquierda y el semieje "y" po- 
sitivo hacia abajo. Este es el caso, por ejemplo, del Apple y del Commo- 
dore 64. 


les vamos a presentar había sido inicialmente escrito para un 
Apple Il; la readaptación ha sido, sin duda, pesada pero nada difícil. 
Si tienen cualquier tipo de problema en instrucciones que no 
sean de gráficos, no duden en repasar los volúmenes 5, 6 y 7 de 
la B.B.I. (especialmente el apéndice B de este último). 

El primer obstáculo se ve enseguida: aquellas personas que 
tengan un Commodore 64 sabrán que éste no posee ninguna ins- 
trucción BASIC para gestionar la página gráfica. Para ello existe 
el BASIC Simon, una extensión del BASIC residente que añade 
algo así como 114 instrucciones nuevas, entre las que se hallan 
aquellas que nos interesan. Esta ampliación es bastante popular, 
de modo que quienes no la posean no tendrán dificultades para 
conseguir una copia (en disco o cinta). No está entre nuestros ob- 
jetivos describir este BASIC, pues, por otra parte, existe un ma- 
nual de la firma Commodore (por cierto, ¡es buena norma leer 
siempre por corpleto los manuaies!); nos limitaremos sólo a con- 
siderar aquellas instrucciones útiles para nuestros fines... 
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Las instrucciones gráficas 


En primer lugar, tras haber cargado el BASIC, habrá que dar 
al RUN con el fin de hacerlo operativo. La pantalla cambiará de 
color (si se trata de un monitor en color; en los demás cambiará 
sólo el tono de gris) y se pondrá blanca con el borde azul, mien- 
tras los caracteres aparecerán en negro. Dada la finalidad de este 
libro lo aconsejable es trabajar con el fondo negro y los bordes 
también en negro o, como mucho, de un color poco brillante. Para 
obtener el fondo y los bordes en negro habrá que teclear el 
comando: 


COLOUR 0/0 


en cambio, si se desea un contorno visible, por ejemplo de color 
azul celeste, habrá que escribir: 


COLOUR 3,0 


en ambos casos se deberá pulsar tras el comando la habitual te- 
cla <RETURN> 

En esta situación los caracteres son visualizados en negro so- 
bre fondo negro, con lo cual no son visibles, así que habrá que 
asignarles otro color diferente. Es aconsejable, para obtener la má- 
xima legibilidad sobre fondo negro, trabajar con los caracteres en 
blanco: para conseguir esto bastará teclear un “control-white”, que 
se obtiene manteniendo pulsada la tecla <CTRL> al tiempo que 
se aprieta la tecla <2>, que en la parte inferior lleva escrito pre- 
cisamente “WHT”. El color de los bordes no tiene nada que ver 
con las técnicas gráficas de que nos ocupamos, de modo que esta 
instrucción será utilizada sólo al comienzo del trabajo. 

Por fin, tras haber limpiado el área de memoria con un NEW, 
estamos listos para comenzar. Tratemos ahora de las instruccio- 
nes gráficas en sí, de las que entre las varias que hay disponibles 
utilizaremos sólo cuatro: 


— HIRES DF 

— PLOT X,Y,T 

— LINE X1,Y1.X2,Y2,T 
— NRM 


Vamos a estudiarlas una por una. 

HIRES DF permite la visualización de la página gráfica y su 
borrado total, de manera que esté lista para el uso. D y F son dos : 
2aúmeros comprendidos entre 0 y 15, según una tabla (que se ha- 
la en el manual) que asigna uno de los 16 colores posibles a cada 
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número. El número D define el color que se desea utilizar para rea- 
lizar el dibujo, mientras que F define el color de fondo. Para pone: 
un ejemplo, la instrucción HIRES 1,0 (que veremos más a menu- 
do) produce el efecto de borrar la página gráfica, poner un fondo 
negro y hacer que todo aquello que sea trazado en la pantalla sea 
de color blanco. Téngase en cuenta que el color de los bordes no 
es influido por esta instrucción. 

PLOT X,Y T es la instrucción que permite iluminar o apagar 
un solo punto. “X” e “Y” son las coordenadas características del 
pixel deseado. Como la resolución gráfica del Commodore 64 es 
de 320x200 puntos, "X” podrá variar entre O y 319, e “Y”, entre O y 
199 (los puntos están numerados a partir del cero). No hay que 
olvidar que el punto de coordenadas 0,0 (origen) se halla arriba 
a la izquierda, como ya vimos en la figura 7. El tercer parámetro 
de la instrucción PLOT, que hemos llamado T, sirve para estable- 
cer el tipo de overación, es decir, si se quiere iluminar o apagar 
el pixel indicado. El convenio establecido es el siguiente: 


— O apaga el pixel de coordenadas X,Y 

— 1 ilumina el pixel de coordenadas X Y 

— 4 invierte el estado del pixel de coordenadas X.Y: si antes 
de la instrucción estaba apagado se iluminará, si estaba iluminado 
se apagará. 


LINE X1,Y1,X2,Y2,T permite trazar una línea (un segmento) so- 
bre la página gráfica. Los parámetros X1,Y1 indican las coordena- 
das de un extremo del segmento; X2,Y2 las del otro. También en 
este caso habrá que dar otro parámetro T, con el mismo signifi- 
cado que posee en la instrucción PLOT, pero referido esta vez a 
toda una línea. Por ejemplo, con 


LINE 0.0,100,50,1 


se obtiene una l'nea diagonal que parte del origen y termina en 
el punto de coordenadas 100,50. 

La última instrucción es NRM, que tiene como único efecto el 
volver a visualizar en la pantalla la página de texto en lugar de la 
gráfica. Es decir, con NRM se anula el efecto de HIRES. 

Una observación importante: el BASIC Simon posee otras mu- 
chas instrucciónes gráficas, algunas de las cuales resuelven por 
sí solas incluso algunos problemas que trataremos más adelante, 
El motivo por el cual no nos ocupamos de ellas es que esas ins- 
trucciones no son necesarias para comprender las bases de los 
gráficos computerizados, pues son a su vez "construidas” utilizan- 
do las dos instrucciones elementales de iluminar un punto y trá- 
zar un segmento. Precisamente estas dos son los verdaderos pi- 
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lares de las técnicas gráficas, ya que al combinarlas es posible rea- 
lizar cualquier operación que se desee. De esta manera, además, 
resultará mucho más fácil transportar nuestros programas a OtrOS 
ordenadores, aunque tengan menos instrucciones potentes y par- 
liculares. 


Transportabilidad de programas 


El hecho de limitarnos a cuatro instrucciones gráficas elemen- 
tales nos permite, como decíamos, poder "transportar" los progra- 
mas de un ordenador a otro sin demasiados problemas. No es éste 
el lugar idóneo para examinar cada instrucción gráfica de los 
ordenadores más difundidos, pero daremos unas cuantas reglas 
generales: 


e localizar cuáles son las instrucciones que poseen el mismo 
efecto que las que nos incumben. Si no las hubiera exacta- 
mente equivalentes será necesario estudiar cué diferencias 
existen, para poder más adelante modificar los programas 
de un modo adecuado. Si, por ejemplo, se tuviera que tra- 
bajar con un Apple, HIRES 1,0 se convierte en HGRZ, NRM 
se traduce en TEXT mientras que PLOT y LINE se obtienen 
utilizando para ambas la instrucción HPLOT (para más de- 
talles, consúltense los manuales). Comprueve además en 
qué ángulo se halla el origen de coordenadas; 

e verifique si la resolución es la misma y, si no es así, modi- 
fique los programas de tal manera que se esté dentro de 
los límites (si se trata de un ordenador con menor número 
de puntos) o se pueda aprovechar al máximo el área dis- 
ponible (en caso de que la resolución sea mayor); 

e modifique los programas para adaptar la gestión de la pá- 
gina alfanumérica. No será necesario extenderse sobre este 
problema, que debería hallarse dentro de las posibilidades 
de cualquiera que conozca su ordenador, 

e antes de modificar un programa para transportarlo a otro or- 
denador, estudie con atención la teoría que se halla en la 
base, de forma que se domine. 


Otras indicaciones más específicas podrán hallarse en los ca- 
pítulos en donde resulten útiles, 
El software y sus “bugs” 


Todos los programas que se hallan en el libro han sido pro: 
bados anteriormerite, pero todo programador sabe que los bugs 
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(fallos o errores, para que nos entendamos, pues su traducción li- 
teral sería “chinches”) más insospechados se hallan siempre al 
acecho. Aunque cada programa resuelve un problema, esto no 
quiere decir que ésa sea la mejor manera de hacerlo. Este libro 
posee una función didáctica, por lo que alguna vez hemos prefe- 
rido la claridad a una optimización extrema. Quien lo desee podrá 
tratar de perfeccionar las técnicas aquí utilizadas: buscar mejores 
algoritmos, utilizar trucos para aumentar la velocidad de ejecu- 
ción, estructurar el programa de otra manera, etc. Esto, además, 
será un ejercicio estupendo para verificar el aprendizaje de las 
técnicas, 

Según las características de esta Biblioteca, el presente libro 
ha sido proyectado para enseñar gradualmente algunos detalles 
más sofisticados y ciertas reglas de programación. Pretendemos 
ayudar a aquellos lectores que, todavía fresco su primer cursillo 
de BASIC, no están aún acostumbrados a escribir programas de 
una manera ordenada y comprensible. 

Hablemos por último de los comentarios. Casi ningún progra- 
ma los posee (con excepción de los más importantes) debido a 
que hemos preferido comentarlos abundantemente dentro del 
texto. De todas formas, siempre habrá un título con una numera- 
ción, progresiva que indicará también el tipo de programa de que 
se trata. 
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GRÁFICOS UNIDIMENSIONALES 


El reino de los puntos 


amos a empezar con algunos programas que 
tratan de forma elemental los puntos y Seg- 
mentos, El título de este capítulo es bien explí- 
cito: su contenido permanece en el ámbito de, 
como mucho, las líneas (aparte de alguna pe- 
queña excepción) que, como es bien sabido, 
son lugares geométricos en una dimensión (de 
ahí que hayamos numerado en la forma “1.X” 
cada listado). 


10 REN +x* PROGRAMA 1.1 +es 

20 REM y 
30 REM ILUMINA CUATRO PUNTOS | 
40 REN 

50 REM 

60 HIRES 1,0 

70 REM 

80 PLOTO,O, 1 

30 PLOTSO,0,1 

100 PLOTO, 50, 1 

110 PLOTSO,50,1 

120 REM 

130 GOTO 130 

READY 


El programa !l.l tiene una función muy sencilla: la de encen- 


der cuatro puntos en la página gráfica, en correspondencia con 
los vértices de un cuadrado. A pesar de su simplicidad nos per- 
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mite ver en la práctica dos de la cuatro instrucciones gráficas ci- 
tadas anteriormente, además de que podremos darnos cuenta de 
las dimensiones de los puntos. 

Obsérvese también el orden en el que están dispuestos los 
distintos elementos del programa: en primer lugar hay un título 
con una breve descripción de las operaciones, después la instruc- 
ción que prepara el terreno visualizando la página gráfica y, por 
último, el cuerpo del programa. Estas tres secciones han sido 
idealmente separadas, de forma que resulte más fácil la lectura y 
la comprensión del listado; para este fin se ha utilizado una línea 
que contiene tan sólo un carácter (dos puntos), aunque puede ha- 
ber otros tipos de separadores estéticamente válidos. Ciertamen 
te estos detalles resultan muy útiles, sobre todo en programas de 
mayores dimensiones, pero siempre es mejor empezar a acostum- 
brarse a mantener cierto orden desde un principio. 


10 REM +e* PROGRAMA 1.2 +4 
20 REM 

30 REM +ex OSA MAYOR 4% 

40 REN 

50 REM 

60 HIRES 1,0 

70 REM 

80 FOR 1=1 TO 7 

90 READX, Y 

100 PLOTX, Y, 1:PLOYX+1,Y,1 

110 NEXT 1 

120 REN 

130 DATA23,35,20,55,65,40,80,65 
140 DATA115,60,145,63, 180,50 
150 REM 

160 GOTO 160 

READY 


El programa 1.2 contiene una diferencia fundamental en rela- 
ción con el anterior. El primero ha sido proyectado para crear una 
determinada imagen, que depende estrictamente del número de 
instrucciones PLOT (que son cuatro) y, sobre todo, del hecho de 
que las coordenadas de los puntos están expresadas en forma 
de constantes. El segundo, en cambio, visualiza una imagen que 
no depende tan específicamente del cuerpo del programa, sino 
más bien de lo que está contenido en una serie de DATA. El ciclo 
FOR..NEXT hace que la instrucción PLOT sea ejecutada siete ve- 
ces, con coordenadas distintas cada vez. 

La diferencia entre ambos programas puede parecer insigni- 
ficante, pero no es así: con este programa podremos cambiar por 
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completo un dibujo sin tener que alterar sustancialmente el cuer- 
po del programa, sino sólo el límite del ciclo (el siete) y las líneas 
de DATA. En otras palabras, hemos construido un sencillo instru- 
mento gráfico, que podremos utilizar para realizar funciones dife- 
rentes cada vez. De esta manera, la que ahora es la imagen de la 
Osa Mayor puede transformarse de una forma muy sencilla en 
cualquier otra figura con tal de que esté constituida por puntos: 
una constelación diferente, los vértices de un polígono, una ima- 
gen estilizada, etc. 

Como en el ejemplo precedente, también en este programa 
hay una:sepsiración lógica entre las diferentes partes que lo cons- 
tituyen: título, inicialización, cuerpo principal y datos para el fun- 
cionamiento. 

Con el fin de ejercitarse en su comprensión y utilización pue- 
de ser interesante proyectar nuevas configuraciones de puntos 
para el programa 1.2. Nos podemos ayudar de una hoja de papel 
milimetrado sobre el que se hará el dibujo, después se determi- 
narán las coordenadas de los puntos y se introducirán en las lí- 
neas de DATA, Cada pixel está representado por una pareja de 
coordenadas en el orden X, Y; el límite del ciclo se designará en 
función de su número. Dese cuenta que el resultado no depen- 
de de la secuencia con la que se han ido iluminando los distintos 
puntos. 

Siguiendo aún dentro del tema astronómico, consideremos el 
próximo programa. 


10 REN +%* PROGRAMA 1.3 +e% 

20 REM 

30 REM CIELO ESTRELLADO 

40 REM , 
SO REN 4 
60 HIRES 1,0 

70 REM 

30 FOR 1=1 TO 100 

90 X=RND(1)*320: Y=RND(1)+200 

100 PLOTX, Y, 12NEXT 1 

110 REM 

120 6070 120 

READY 


Se trata también de encender puntos, pero esta vez de forma 
aleatoria. Después de la inicialización, un ciclo FOR..NEXT se en- 
carga de ejecutar cien veces las instrucciones que generan arbi- 
trariamente una pareja de coordenadas, para iluminar luego el 
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pixel correspondiente. El resultado será, con un poco de suerte. 
e imaginación, un cielo estrellado. 4 
La generación de los valores de las coordenadas merece al- | 
guna atención, ya que hay una referencia a la resolución propia ' 
de la página gráfica del ordenador que estamos utilizando y éste 
será, por tanto, un punto sobre el que habrá que intervenir si se 
cambia de ordenador. Veamos, por ejemplo, la coordenada "X”, 
que en el Commodore 64 debe estar comprendida entre 0 y 319. * 
La expresión 'RND(1)” genera un número aleatorio que se halla : 
comprendido entre O y 1 (excluidos los extremos), de manera que 
al multiplicar esa cantidad por 320 (la resolución horizontal) se ob- 
tiene un número fraccionario que va desde 0O.F hasta 319,F, indi- 
cando con F una parte fraccionaria cualcuiera. Dado que la ins- 
trucción RND no devuelve nunca como valor un “1”, sino siempre 
un número inferior a él, estamos seguros de que toda la expre- 
sión RND(1)*320 no valdrá nunca 320, logrando así el objetivo de : 
mantenerse entre O y 319. 
¿Y la parte fraccionaria? Pues bien, tanto el BASIC Simon como * 
otras con capacidad gráfica, al hacer referencia a la página gráfi- 
ca consideran solamente la parte entera de los números que son 
proporcionados como coordenadas. Por tanto, a pesar de ser con- 
ceptualmente correcto, resulta del todo inútil escribir 


X=INT(RND(1)*320) 


para obtener una coordenada “X” comprendida dentro del campo 
de variación aceptable (en este caso entre O y 319). Naturalmen:e, 
si se toma el límite 199 todo esto valdrá también en relación con 
la coordenada “Y”. 


Añadiendo refinamientos 


Pero un verdadero cielo estrellado es muy diferente del que 
se obtiene con el método visto ahora. Puede mejorarse un poco 
el dibujo si las “estrellas” no están fijas en su brillo, sino un poco 
centelleantes, como ocurre realmente al mirar hacia el cielo. 

Hacer parpadear un punto en la pantalla quiere decir encen- 
derlo y apagarlo sin cambiar su posición, y esto implica que la po- 
sición sea conocida por el programa. Como el dibujo del cielo es 
casual, será necesario que las coordenadas de cada punto que- 
den memorizadas por el programa en el momento en que es di- 
bujada la imagen; posteriormente esas coordenadas pueden ser 
utilizadas para hacer centellear las estrellas, también de forma 
aleatona. 
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Para este fin vamos a utilizar dos vectores, con un número su- 
liciente de elementos como para contener las coordenadas de to- 
das las estrellas. El núcleo del programa es casi idéntico al del pre- 
cedente, con la única diferencia de que, además de dibujar las es- 
trellas, es memorizada su posición en los dos vectores “EX” y "EY”, 
Hacemos notar que, en caso de que se desee visualizar un cielo 
"más estrellado”, además de aumentar el límite del ciclo se debe- 
ría también actuar sobre el dimensionamiento de los vectores, au- 
mentándolo, 


10 REN 44% PROGRAM 1.4 4% 

20 REM 

30 REM ESTRELLAS CENTELLEANTES 
40 REN 

50 REN 

60 DIM EX(100),EY(100) 

70 HIRES 1,0 

80 REM 

90 REM DIBUJO CIELO 

100 REN 

110 FOR I=1 TO 100 

120 X=RND(1)4320: Y=RND(1)4200 
130 EXCI)=K:EY()=Y 

140 PLOTX, Y, 1 

150 NEXT 1 

160 REM 

170 REM CENTELLEO ESTRELLA 

180 REM 

190 N=RND(1)499+1 

200 PLOTEX(N),EY(N),O:REM APAGA 
210 FOR I=1 TO 20:NEXT 1 

220 PLOTEX(N),EV(N), 1:REM ENCIENDE 
230 6010 190 

READY 


Una vez dibujada la imagen, el programa procede a ejecutar 
el centelleo. En primer lugar se escoge una estrella, tomando un 
número aleatorio comprendido entre 1 y 100; a continuación esa 
estrella es apagada y en seguida encendida de nuevo. El proceso 
se repetirá así indefinidamente. Para obtener el número aleatorio, 
se saca en primer lugar uno entre 0 y 99 (con el método anterior) 
y luego se le añade uno. 

El centelleo se produce en tres fases: el punto es apagado con 
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una instrucción PLOT que, en este caso, borra en vez de dibujar 
(ya que el último parámetro vale cero), a continuación es ejecu- 
tado un breve retraso por medio de un ciclo en vacío, y, por | 
último, otro PLOT (con parámetro final uno) vuelve a encender 
la estrella. 

A aquellas personas a las que les gusten los experimentos les 
aconsejamos que traten de modificar el proceso en una de las ma- 
neras siguientes: 


— en lugar de encender y apagar la estrella desplácela lige- 
ramente de su posición, de forma que se obtenga un efec- 
to algo distinto, pero ¡cuidado con las que se hallan en los 
bordes; 

— aumente el realismo haciendo que centellee más de una 
estrella a la vez; 

— ponga estrellas de diferente magnitud, como en un cielo 
de verdad. 


Llevar a la práctica estos detalles requiere más práctica de la 
que ha sido necesaria hasta ahora; no resulta dificil llegar a hace:r- 
lo por uno mismo, pero no es motivo de preocupación el no 
lograrlo, 


Encadenando puntos: los seymentos 


Si en lugar de dibujar una serie de puntos casuales sobre la 
pantalla los situamos todos en fila, en una dirección determinada, 
obtendremos un segmento. En realidad, toda línea trazada sobre 
una pantalla gráfica está formada por puntos, de modo que las li- 
mitaciones debidas a la resolución de la pantalla también les afec- 
tan: en lugar de obtener una línea continua tendremos una "pun- 
teada”. Cuanto mayor sea la resolución del ordenador sobre el 
que se trabaja más se parecerá el dibujo a un segmento (la Figu- 
ra 1 ilustra claramente el concepto). 

Ya que no es posible dibujar segmentos perfectos es nece- 
sario hacer otra observación que seguramente habrá usted pen- 
sado: el parecido con el segmento “original” dependerá también 
de su inclinación en relación con los ejes cartesianos. A igual re- 
solución los mejores resultados se obtienen al trazar rectas verti- 
cales u horizontales, que no estarán nunca cortadas. Las líneas de 
45 grados resultan también bastante aceptables debido a que, a 
pesar de estar muy cortadas, lo están de una manera uniforme. En 
cambio, los segmentos que poseen otras inclinaciones (en ambces 
sentidos, hacia el eje "X” o hacia el eje "Y”) resultan más imper- 
fectos, debido a las apreciables separaciones o saltos necesarios. 
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BAJA RESOLUCION ALTA RESOLUCION 


-— Segmento ideal 


[a] Representación real 


Tp 1.—La calidad de las líneas que pueden obtenerse sobre una 
página gráfica depende de su resolución, al estar formadas también 
por puntos. Una resolución más elevada (a la derecha en la figura) hace 
que el dibujo se parezca más al de una línea continua trazada con lápiz 
sobre un papel. 


Veamos ahora cómo puede dibujarse una línea actuando so- 
bre puntos individuales. Puede utilizarse para ello el programa 15, 
cuyo principio de funcionamiento está indicado en la figura 2, 


10 REM +e* PROGRAMA 1,5 +*t 

20 REM 

30 REM LINEA FORMADA POR PUNTOS | 

40 REM 

30 REM 

60 REM PETICIÓN VALORES , 
70 REM 

80 INFUT "Ka COORDENADAS INICIALES. (X,Y)";X1, Y] 
30 INPUT “COORDENADAS FINALES. (X,V)";XF,YF 

100 INPUT "INCREMENTO"; IN 

116 REM 

120 REM CALCULO 

130 REM 

140 LX=XF-X15Lf=YF-Y1 

150 L=SOR(LX642+LY482) 

160 DX=LX/L:DY=LY/L 

170 REM 

180 REM TRAZADO LINEA 

130 REM 
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Figura 2.—En la figura se representan las relaciones geométricas en- 

tre las distintas variables del programa 1.5. En la parte inferior pue- 
de verse cómo a cada incremento "IN" en el segmento corresponde otro 
de las coordenadas “X” e “Y”, que se obtiene para cada una al multiplicar 
IN por DX y por DY, respectivamente. 


200 HIRES 1,0 
210 FOR 1=0 TO L STEP IN 

220 PLOTII+IDA, YI+I4DY, 1 

230 NEXT 1 
240 REN 

250 GET TS:1F T$="" THEN GOTO 250 

260 NRM:G0TO 30 

READY 
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El programa solicita las coordenadas iniciales y finales del 
segmento que hay que trazar y, como tercer dato, un valor del in- 
cremento. Haciendo referencia a la figura están justificadas las ins- 
trucciones de la sección cálculo, que no hacen otra cosa que ob- 
tener la longitud L del segmento aplicando el teorema de Pitágo- 
ras. Así, se calculan dos magnitudes (DX y DY), incrementos rela- 
tivos de “X” e “Y” que expresan la relación entre la longitud del 
segmento y su proyección sobre los dos ejes cartesianos (LX y 
LY). 

Todo esto será utilizado más tarde en la siguiente sección, 
que dibuja la línea. Para ello se recurre a un ciclo FOR..NEXT, que 
“mueve” el índice l a lo largo de todo el segmento que hay que 
trazar. 

Supongamos que la variable IN vale uno; mientras el índice 
recorre paso a paso el segmento, como si se tratara de un lápiz 
sobre un papel, en cada ciclo del bucle se calcula la posición ex- 
presándola en las habituales coordenadas cartesianas referidas a 
lcs ejes. Esto se produce al sumar al origen del segmento, que es 
conocido (XI, YI, un desplazamiento obtenido utilizando cada vez 
lcs incrementos "DX” y "DY”. La línea que se obtiene si se asigna 
el valor uno al incremento es un típico ejemplo de segmento tra- 
zado sobre una página gráfica. Puede hacerse una prueba dibu- 
jando otra línea con una inclinación diferente para comprobar los 
efectos, el mayor o menor parecido a un línea corriente, descritos 
anteriormente. 

Tan sólo dos advertencias con relación al programa. A las pre- 
guntas acerca de las coordenadas debe darse una respuesta en 
la forma X,Y (por ejemplo 10,10 ó 137,42). La petición del incre- 
mento sirve para demostrar cómo este método puede ser utiliza- 
do para obtener líneas discontinnas: bastará responder con un nú- 
mero mayor que uno (con uno se obtendrá una línea "relativamen- 
te” continua). Otra observación importante es que no deben darse 
coordenadas correspondientes a un punto inicial o final que se ha- 
llen fuera de la pantalla, pues en ese caso el programa se parará 
indicando un error. 

Para los no familiarizados con el Commodore 64 indicaremos 
que el carácter que aparece en la línea 80 tras las comillas equi- 
vale a la instrucción CLEAR (borrar pantalla). Para completar el 
significado de éste y otros símbolos que irán apareciendo en los 
listados vea el apéndice correspondiente. 

Otro ejemplo de figura obtenida al combinar muchos puntos 
es el del rectángulo sombreado, dibujado por el programa 1.6. El 
programa traza una serie de segmentos horizontales, obtenidos 

siempre a base de puntos, hasta formar el rectángulo de las di- 
mensiones deseadas, haciendo uso pa dos ciclos FOR..NEXT ani- 
dados el uno en el otro. 
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10 REM *ee PROGRAMA 1.6 1 

20 REM 

30 REM AREA RECTANGULAR LLENA DE PUNTOS 

40 REM 

50 REM 

60 REM PETICION VALORES 

70 REM 

80 PRINT * * 

90 INPUT * ANGULO INFERIOR IZQUIERDO 
(X, 1)*5X1,Y1 

100 INPUT * ANGULO SUPERIOR DERECHO 
(X, 19*5X2,Y2 

110 JF X2>=X1 AND Y1)=Y1 THEN 150 

120 PRINT "VALORES IMPOSIBLES":GOTO 90 

130 REM 

140 REN TRAZADO FIGURA 

150 REM 

160 HIRES 1,0 

170 FOR Y=Y2 TO Yi 

180 FOR X=X1 TO X2 

190 PLOTX, Y, L:NEXT X,Y 

200 REM 

210 GET TS:1F Tg="" THEN 210 

220 REM 

230 NAM: G0TOBO 

READY 


Este ejemplo muestra también de qué manera es posible eje- 
cutar un control sobre los valores de las variables introducidas en 
el ordenador. Aquí el control no cubre todos los errores posibles 
de las entradas, pero demuestra igualmente su eficacia poniendo 
en evidencia (con un mensaje de error) aquellos valores que no 
pueden corresponder con los vértices solicitados. 

Esta es una costumbre muy buena a la hora de programar, ya 
que elimina la posibilidad de que el trabajo en curso sea interrum- 
pido por un error debido a quien se halla an:e el teclado. Resulta 
muy útil sobre todo para programas complicados: un error cau- 
sado al introducir valores fuera del límite previsto puede obligar 
a reanudar la ejecución, cosa que a veces puede llevar mucho 
tempo. 


GRÁFICOS BIDIMENSIONALES - 


Todo más cómodo con LINE 


l dibujar una línea con el método de iluminar 
uno por uno todos los puntos que la componen 
no es nada corriente en gráficos computeriza- 
dos. Como ya habíamos visto, entre las instruc- 
ciones fundamentales está la adecuada para tra- 
zar segmentos; hay que entender que los pro- 
gramas 1.5 y 1.6 son sólo ejemplos didácticos 
cuyo fin es el de mostrar el funcionamiento de 

ae un mecanismo por medio del cual el ordenador 
puede también visualizar segmentos en su página gráfica. 

Una vez asimilado el principio, lo que se utilizará sin duda 
será la instrucción LINE específica para trazar líneas. En esta sec- 
ción introduciremos precisamente una serie de programas que ac- 
túan sobre el planc para dibujar figuras compuestas por líneas, es 
decir, en dos dimensiones. 


10 REN +8* PROGRAMA 2.1 +** 
20 REM 

30 REM EJEMPLOS DE LINEAS 
40 REM 

50 REM 

60 HIRES 1,0 

70 REM 

80 FOR Y=0 TO 180 STEP 20 
90 LINE 0,0,300,Y,1:NEXT Y 
100 REM 

110 FOR X= 300 TO 0 STEP -20 


120 LINE 0,0,X,180,1:NEXT X 
130 REN 

140 GET TS: IF T$=""THEN 140 
READY 


Estudiemos este programa. Muestra la capacidad del ordena- 
dor para trazar segmentos. En él aparecen dos ciclos FOR..NEXT: 
el primero une el vértice superior izquierdo de la pantalla (origer. 
de coordenadas, ¡ojo!) con una serie de puntos del límite dere- 
cho, el segundo sigue la obra al unir el mismo vértice con otros 
puntos en el borde inferior. La figura que se obtiene sirve tam- 
bién para comprobar aquello que mencionamos anteriormente en 
relación con los dibujos de líneas inclinadas. 

Con el Commodore 64 y el BASIC Simon puede observarse 
también otro detalle: las líneas verticales son menos gruesas que 
las horizontales. Este fenómeno, que resulta más evidente con un 
monitor, está causado principalmente por el limitado ancho de 
banda de la salida vídeo del Commodore, que no es capaz de 
guiar el cañón electrónico con una velocidad adecuada. 

En efecto, ya dijimos que en una pantalla una recta vertical 
es dibujada durante el barrido de izquierda a derecha de cada lí- 
nea como una serie de puntos individuales, iluminados uno tras 
otro en rápida sucesión. El hecho de que el ordenador y/o moni- 
tor no sean capaces de producir puntos perfectos influirá en toda 
la línea vertical. Pero esto mismo no es válido en relación con las 
líneas horizontales, que son trazadas por el cañón electrónico “de 
una sola vez”. Es necesario mencionar el BASIC Simon porque 
otros BASIC pueden resolver el inconveniente simplemente utili- 
zando como puntos para componer líneas verticales dos pixels 
contiguos (éste es el caso del Apple). 

Un detalle curioso: si en lugar del monitor se utiliza un televi- 
sor doméstico, en general de inferior calidad, el inconveniente 
puede resultar menos evidente. Esto sucede precisamente por- 
que el televisor tiene menor definición, así que no es posible dis- 
tinguir los detalles más allá de un cierto límite, reduciendo de esta 
manera la diferencia visual entre una línea bien trazada y otra que 
no lo está. 


10 REM +e* PROGRAM 2,2 ++ 
20 REN 

30 REM LINEAS ALEATORIAS 
40 REM 

30 REM 

50 DEF FNXCA)=RND(1)4320 
70 DEF FNY(A)=RND(1)+200 
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80 REN 

90 INPUT "KACUANTAS LINEAS";N 
100 HIRES 1,0 

110 REM 

120 FOR I=1 TON 

130 NI=FNXCOY: 12=FNILO) 

140 Y1=FNY(O1:Y2=FNY(O) 

150 LINE X1,V1,X2,Y2,1 

160 NEXT 1 

170 REM 

180 GET TS:1F T$="" THEN 180 
READY 


El programa 2.2 dibuja en la pantalla algunos segmentos con 
orientación y longitud arbitrarios. El mecanismo es sencillísimo, la 
elección de los números aleatorios se produce con la función RND, 
de la que ya hablamos a propósito del programa 13. La novedad 
estriba, en cambio, en la manera de utilizarla: en lugar de ejecu- 
terla en cada ciclo se ha preferido volver a llamarla por medio de 
les funciones definibles del BASIC, en este caso FNX(A) y FNY(A), 
respectivamente, para las coordenadas "X” e "Y”, Esto tiene como 
único fin el de dar al programa una estructura más clara y hacer, 
por tanto, que sea más fácil de modificar. Observen que el pará- 
metro con el que son llamadas las funciones FNX y FNY es cero, 
ya que en este caso no desarrollan ningún cometido (se trata de 
números aleatorios). 

El siguiente programa (2.3) traza un cuadrado en la página 
gráfica. 


10 REM +es PROGRAMA 2.3 *%% 

20 REM 

30 REM CUADRADO 

40 REN 

50 REN 

60 HIRES 1,0 

70 NAM: INPUT "EA VERTICE SUPERIOR IZQUIERDO 
(X,0"7X, Y 

80 INPUT "LADO=";L 

90 GOSUB 210 

100 REM 

110 LINE X,Y,X+L,Y, 1 

120 LINE X+L,Y, XeL, Y4L, 1 

130 LINE XHL,Y4L,X, Y+L, 
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140 LINE X,YHL,X,Y,1 
150 REM 

160 GET TS:IF T$="" THEN 160 

170 6070 180 

180 REN 

190 REM CONMUTA LA PANTALLA A GRAFICA 
200 REM 

210 VC=53248:REM VC=VIDEO CONTROLLER 
220 CI=56576:REN CIA 42 

230 POKEVC+17, PEEK(VC+17)AND2390R32 
240 POKEVC+24, (PEEK(VC+25)AND1S)OR8 
250. POKECI+2,PEEK(CI+2)0R3 

260 POKECI, PEEK(CI)AND252 

270 POKEVC+17, PEEK(VC+17)0R16 

280 RETURN 

READY 


No se trala ciertamente de una obra de arte tanto en gráfico 
como en programación, pero nos permitirá hacer algunas obser- 
vaciones. La figura se define al especificar las coordenadas de un 
vértice (el que se halla arriba a la izquierda) y la longitud del lado 
(Fig. 1). 

El hecho de determinar la posición de una figura a partir de 
la de un punto que le pertenece es una técrica que permite tra- 
zar con facilidad la misma figura en un lugar cualquiera de la 
página gráfica sélo con variar la posición de ese punto. De esta 
manera se acaba por considerarla un móduio gráfico, un patrón 
utilizable con otros módulos (iguales o diferentes) para crear di- 
bujos más complicados. En este programa incluso es posible di- 
bujar en la pantalla varios cuadrados sin tener que borrar los ob- 
tenidos anteriormente. 

Trataremos con más detalle de la técnica de módulos gráfi- 
cos en el programa 2.5. 

Volviendo al programa 2.3, en él se hace uso de la instruc- 
ción NRM, que, como se recordará, permite volver a visualizar la 
página de texto. Esto es necesario porque el programa está pro- 
yectado para dibujar varios cuadrados y para cada uno de ellos 
es necesario pedir al operador su posición y dimensiones. 

No resulta nada fácil descubrir por uno mismo el método con 
el que se vuelve a visualizar la página gráfica sin borrar su con- 
tenido anterior. El procedimiento lo hemos desarrollado en forma 
de subrutina por facilitar el seguimiento del programa. Se trata, bá- 
sicamente, de manejar los registros del integrado de control de 
vídeo (VIC 6567) con el fin de provocar la visualización del área 
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XNY X+ LY 


XY+L X+HLY+L 


pas 1.—Los vértices de un cuadrado pueden ser definidos por 
medio de las coordenadas de uno de ellos y la longitud del lado. 


de memoria que constituye la página gráfica. Se entiende, por tan- 
to, que la operación (regresar a la página gráfica sin borrarla) de- 
pende estrictamente del ordenador que estamos utilizando, así 
que será necesario revisarla en caso de que se quiera escribir un 
programa parecido para otro ordenador. ' 

La última observación se refiere a que, con toda probabilidad, 
la figura no se parecerá mucho aun cuadrado. Aquí entran en jue- 
go las proporciones de la pantalla y las de la página gráfica, te- 
mas de los que hablaremos más adelante. 


10 REM 4x8 PROGRAMA 2.4 +es 

20 REM 

30 REM CUADRICULA 

40 REM 

50 REM 

50 HIRES 1,0 

70 REM 

80 FOR Y=30 TO 100 STEP 1O:LINE 30,Y,140,Y,1 
¿NEXT Y 
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90 FOR X=30 TO 140 STEP 10:LINE 1,30,X,100,1 
¿NEXT X 

100 REN 

110 GET TS:1F T$="" THEN 110 

READY 


Antes de pasar a algo más complejo, veamos otro ejemplo 
de utilización de los segmentos, como el mostrado por el progra- 
ma 2.4, que dibuja una serie de líneas en forma de cuadrícula. Esto 
es llevado a cabo por medio de dos ciclos FOR..NEXT que trazan, 
el primero las líneas horizontales y el segundo las verticales. En 
este caso resulta particularmente evidente el defecto que ya men- 
cionamos con relación al grosor de los segmentos verticales, so- 
bre todo si se usa un monitor. Se puede intentar mejorar la situa- 
ción haciendo que las líneas verticales tengan doble anchura. Bas- 
tará para ello que en cada ciclo sean trazadas dos líneas conti- 
guas en vez de una sola, añadiendo antes del "NEXT X” la instruc- 
ción 


LINE X+1,30, X+1,100,1 


Merece la pena realizar la prueba para darse cuenta de cómo 
es posible mejorar la calidad de la imagen tan sólo con hacer más 
visibles las líneas verticales. 


Un pequeño proyecto gráfico: Manhattan 


Nos vamos a sumergir ahora en un proyecto gráfico relativa- 
mente complejo en el que aparecerán muchos de los argumentos 
y técnicas tratados hasta ahora. Lo que queremos obtener es un 
dibujo estilizado que represente una serie de rascacielos (de ahí 
el nombre Manhattan) según un paisaje definido por el programa 
pero fácilmente modificable. Existe además la posibilidad de di- 
bujar paisajes casuales, es decir, diferentes en cada momento. 

Un ejemplo de lo que podrá verse en la pantalla se muestra 
en la figura 2. El programa 2.5 ha sido escrito teniendo en cuenta 
la exigencia de obtener un programa comprensible y modifica- 
ble sin demasiadas dificultades. Vamos a resaltar algunos detalles 
para aquellas personas que estén dando sus primeros programas 
de gráficos computerizados: : 


e el listado está dividido en bloques funcionales (o seccio- 
nes) que se reconocen con facilidad; cada uno de ellos está 
precedido por un breve título que especifica su función; 


NET) Figura 2.—Paisaje dibujado por el programa Manhattan (2.5). La for- 
. ma de cada rascacielos se define fácilmente por medio de unos po- 
cos parámetros contenidos en líneas de DATA. 


el dibujo de cada rascacielos es ejecutado siempre por la 
misma subrutina, llamada cada vez con parámetros diferen- 
tes. El significado de cada uno de los cuatro parámetros ne- 
cesarios está especificado en los comentarios que se ha- 
llan al comienzo de la subrutina; 
gracias a este planteamiento el paisaje queda completa- 
mente definido con pocas constantes, insertadas en un gru- 
po de líneas DATA, de tal modo que es muy fácil modificar 
el resultado final sin tener que tocar para nada el cuerpo 
del programa (ésta es una característica muy importante), 
cada rascacielos está constituido por la unión de diferentes 
elementos gráficos (muros, puerta, ventanas, terminación, 
ventanas de la terminación y punta) que no cambian su for- 
ma entre un rascacielos y otro (excepto los muros), sino 
sólo su posición y el que estén presentes o no; 

estos elementos han sido compuestos de forma que depen: 
den tan solo de los cuatro parámetros antes mencionados, 
es decir: B (medida de la base), H (medida de la altura), 
T (indica la presencia de la terminación) y P (indica la 
presencia de la punta); 
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e todos los elementos están situados según una unidad de 
medida, que es la misma en todo el programa; 

e hay ciertos controles que impiden que datos equivocados 
puedan provocar errores; 

e una vez hecha la elección entre un paisaje definido u otro 
arbitrario, las secciones del programa que ejecutan las dos 
tareas están claramente diferenciadas entre sí. 


Después de estos detalles no debería resultar difícil entender 
en su totalidad el funcionamiento del programa, aun así, examina- 
remos en detalle tanto el procedimiento utilizado como las rela- 
ciones geométricas entre los distintos elementos que constituyen 
cada rascacielos. 


10 REM +48 PROGRAM 2.5 +s4 
20 REN 

20 REM MANHATTAN 

40 REM 

50 REM 

50 RC=16:REM UNIDAD DE MEDIDA <RASC> 

70 REM 

80 0X=0:0Y=199 : 
30 PRINT "KA PAISAJE PREDEFINIDO O CASUAL (D/C)*; 
100 INPUT R$: IF R$c>"D" AND R$<3"C) THEN 90 
110 HIRES 1,0 

120 IF R$="C* THEN 240 

130 REM 

140 REM PAISAJE PREDEFINIDO 

150 REM 

160 RESTORE:READ NR 

170 FOR 1=1 TO NR 

180 READ B,H,T,P:G0SUB 540 

190 OX=0X+BeNR 

200 NEXT 1:6070 340 

210 REN 

220 REM PAISAJE CASUAL 

230 REM 

240 B=INTURND(1343)+ 

250 IF OX+8+RC)320 THEN 240 

260 H=INT(RND(1)48)+3 

270 T=RND(1)>.5 

280 P=RND(1)>.5 

290 GOSUB 540: 01=0X+B+RC 
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300 6070 240 

310 REM 

320 REM ESPERA UNA TECLA 

330 REM 

340 GET T$:1F T5="" THEN 340 

350 NAM:PRINT "KA OTRA VEZ (S/N)";: INPUT R$ 
360 IF R$<>"N" AND R$<>"S" THEN 350 

370 IF R$="S" THEN 80 

380 PRINT "GIO 0K, ADIOS...":END 

390 REM ; 

300 REM FREPEAREAA AENA FER AA ARA RRAALARAAE 


410 REN +* + 
420 REM SUBRUTINA + 
430 REM +* DIBUJO RASCACIELOS É 
440 REM + * 


¿SO REM ERRARREMAR EL RARA AMARA 
460 REM 

470 REM B=BASE 

480 REM H=ALTURA 

490 REM T<>0 =TERMINACION 

500 REM P<>0 =PUNTA 

310 REM 

520 LINE 0X,0Y-H*RC,0X, 0Y, 1 

550 LINE 0%X,0Y,0X+BxRC-1,0Y, 1 

560 LINE OX+B*RC-1,0Y,0X+B+RC-1,0Y-HERC, 1 
570 LINE OX+B+RC-1,0Y-HERC, 0X,DY-HeRC, 1 
580 REM 

5390 REN TRAZADO PUERTA 

600 REM 

610 X1=0X+BHRC/2-5:X2=0X+B+RC/2+4 

620 LINE, X1,0Y,X1,0Y-9,1 

630 LINE X1,0Y-9,X2,0Y-9, 1 

640 LINE X2,0Y-3,X2,0Y,1 

630 REM 

560 REM TRAZADO DE VENTANAS 

670 REM 

680 FOR 19=1 TO H-1:FGR 18=0 TO B-1 

690 X3=0X+184RC+6: V3=0Y-I9eRC 

700 FOR 17=9 70 S 

710 LINE X3+17,Y3,13+17,Y3-8,1 

720 NEXT 17 
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730 NEXT 18,19 

740 REM 

750 REM DIBUJO TERMINACION 

760 REM 

770 1F T+0 OR B=1 THEN 930 

780 X4=0X+7:X5=0X+B+RC-8: Y9=0Y-HARC: 
YS=0Y-(H+1) RC 

790 LINE X4,V4,X4,Y5,1 

800 LINE X4,Y5,X5,YS, 1 

810 LINE X5,Y5,X5,Y4,1 

820 REN 

830 REM TRAZADOS VENTANAS TERMINACION 

840 REM 

850 FOR 19=0 10 B-2 

860 X6=X4+19RRC+S:X7=14+I94RC+12:Y6=Y4-9 

870 FOR 18=0 10 3 

880 LINE X6,Y6-18,16+2,Y6-18, 1:LINE 17-2, 
Y6-18,X7, Y6-18,1 

890 NEXT 18,19 

900 REM 

310 REM TRAZADO PUNTA 

920 REM 

930 IF P=0 TREN 990 

940 XB=0X+BRRC/2-2 

950 Y8=0Y-HARC: IF T<>0 AND B>1 THEN Y8=Y8-RC 

960 LINE X8,YB,XB,Y8-3,1:LINE X8+1,YB,XB+1, 
Y8-RC, 1 

970 LINE X8+2,YB, X8+2,YB-RC, 1:LINE X8+3, YB, 
X8+3, Y8-3,1 

980 REM 

390 RETURN REM + FIN SUBRUTINA + 

1000 REM 

1010 REM 

1020 REM DESCRIPCION RASCACIELOS 

1030 REM 

1040 DATA 12:RzM No.RASCACIELOS 

1050 DATA 2,6,1,0,1,8,0,1,3,4,1,0,1,10,0,1 

1050 DATA 3,6,0,1,1,10,0,1,2,5,1,0,1,8,0,0 

1070 DATA 1,7,0,0,2,9,1,1,2,7,1,0,1,5,0,0 

READY 


Lo primero es definir una unidad de medida que podamos uli. 
lizar como estándar, con un valor cualquiera pero constante du- 
rante todo el programa. Al tratarse de rascacielos podemos llá- 
marla “RASC” y su valor, fijado igual a 16 pixels, es asignado a la 
variable RC (línea 60). Las dimensiones del rascac:elos quedan de- 
finidas por medio de la anchura de su base, indicada por la va- 
riable B, y de su altura H. 

Veamos ahora de qué manera la subrutina dibuja un único ras- 
cacielos (desde la línea 400 a la 990); este proceso, repetido va- 
rias veces, creará luego el paisaje completo. Es importante hacer 
notar que el dibujo del edificio se lleva a cabo con referencia a 
un solo punto del mismo (criterio ya utilizado en el programa 23), 
que es en este caso el ángulo inferior izquierdo, es decir, el ex- 
“remo izquierdo de la base. Este punto, definido por medio de sus 
coordenadas “OX” y “OY” (origen X y origen Y), se halla inicial- 
mente a la izquierda en el fondo de la pantalla y se va desplazan- 
do hacia la derecha a medida que van dibujándose los diferentes 
rascacielos. La primera asignación de la posición del origen se 
produce en la línea 80. 

El dibujo de cada rascacielos se efectúa empezando por su 
contorno exterior, ejecutado por la sección del programa llamado 
“TRAZADO MUROS” (líneas 520-570). Supongamos que queremos 
dibujar un rascacielos con base 2 RASC y altura 5; la relación en- 
tre sus vértices está indicada en la figura 3. En realidad, estas re- 
laciones son bastante sencillas: se trata tan sólo de hallar la posi- 
ción de tres vértices de un rectángulo dada la posición de uno de 
ellos abajo (a la izquierda, que es el origen) en base a la unidad 
de medida RC y a los valores de B y de H (base y altura). 

Nótese que el extremo derecho de la base posee una coor- 
denada igual a OX+(B*RC)-1. Ese “menos uno” sirve para que la 
longitud de la base sea precisamente igual al número especifica- 
do de RASC. En nuestro ejemplo la base mide 2 RASC, es decir, 
32 pixels (1 RASC=16 pixels). La coordenada “X” del extremo de- 
recho de la base, que está dada por OX+(2*16)-1, vale OX+31; la 
del extremo izquierdo vale, por definición, OX; en total son, efec- 
tivamente, 32 puntos. El hecho de corregir esta unidad es nece- 
sario para dibujar la base, pues de otro modo los rascacielos ocu- 
parían más espacio en horizontal de lo previsto. 

En el caso de la altura tal corrección no ha sido aplicada para 
hacerlo más sencillo; lo único que ocurre es que la altura de los 
edificios aumentará en un pixel. Esto equivale a añadir a cada ras- 
cacielos un techo de un espesor de un punto, cosa que no entor: 
pece para nada el dibujo. 

El siguiente paso es el dibujo de la puerta. Este siempre se 
halla a nivel del suelo. Su posición se calcula fácilmente con sólo 
referirnos al origen, según los criterios que aparecen en la figu 
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OX+(B+RC)-—1,0Y—(H=RC) 


al 
OX,OY— (Hx*RC) 


5* RO 
(ALTURA=5) 
OX.OY 
(ORIGEN) — £ 
2*«RC Po (B*RC)—1,0Y 


Figura 3.—Las relaciones geométricas entre los vértices de los mu- 

ros del rascacielos están deducidas a partir de su origen, definido 
arbitrariamente como el extremo izquierdo de la base, de la longitud de 
ésta y de la altura. 


ra 4, en donde en este caso se supone que la base del rascacielos 
posee una anchura de un RASC. No resulta difícil comprobar qué 
la puerta ha sido definida de tal manera que s= halie siempre en 
posición centrada en relación a la base, independientemente de 
que ésta posea un número par o impar de RASCs. El segmento de 
programa llamado "TRAZADO PUERTA” (líneas 590-640) se encar- 
ga en primer lugar de calcular la posición horizontal de los pun- 
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OX+(B+*RC/2)-5 OX+ (B+RC/2) +4 
(et) (x2) 


o) Figura 4.—También los puntos del contorno de la puerta se calculan 
en función de la posición del origen del rascacielos. Han sido defi- 
nidos de tal modo que la puerta esté siempre centrada en relación a la 
base, cualquiera que sea su anchura. Ñ 


tos “X1” y “X2” para, a continuación, trazar el contorno de la puerta 
en sí. 

Pasamos seguidamente a las ventanas (líneas 660-730). Hay 
una fila vertical por cada RASC de anchura de la base (véase de 
nuevo la Fig. 2), desde el primer piso hasta arriba. En la figura 5 
se muestra la posición de cada ventana, referida al "RASC cuadra- 
do” en la que se halla. Esta posición es válida independientemen- 
te de que se encuentre de veras entre dos murcs o rodeada por 
otras ventanas. La sección del programa que dibuja las ventanas 
comprende tres ciclos FOR..NEXT anidados uno dentro del otro; 
el más externo (línea 680) usa como índice la variable 19, que 56 
desplaza en el sentido de la altura del rascacielos. Los límites del - 
ciclo (desde 1 hasta H-1) son tales que las ventanas Se dibujan a 
partir del primer piso hasta el último. El segundo bucle, con Indi 
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OY — (19+ RC)—p> 
(Y3) 


OX+ (182 RC)+6 
(03) 


Figura 5.—Dibujo de una ventana. Los muros visibles en la figura 
pueden existir o no. 


ce 18 (línea 680), se desplaza de izquierda a derecha paralelamen- 
te a la base: para cada valor asumido por 18 es dibujada una ven- 
tana. 

Las ventanas son unos rectángulos llenos, cuya posición está 
en función de un punto de coordenadas “X3,Y3". Pueden ver que 
las dos expresiones que calculan 'X3" e “Y3" (línea 690) contienen 
las coordenadas del origen y hacen al mismo tiempo referencia 
a los índices 18 e 19. De esta manera se cumple el principio gene- 
ral por el que cada elemento del rascacielos debe tener una po- 
sición definida con relación al origen. Una vez calculado el punto 
(X3, Y3) el tercer ciclo (línea 700), con variab:e 17, se encarga de 
dibujar la ventana, que sabemos que es un rectángulo con el vér- 
tice inferior izquierdo en la posición indicada por "X3" e "Y3”. Sus 
dimensiones, 4x9 pixels, están determinadas tanto por los límites 
del ciclo en cuestión (de 0 a 3, es decir, cuatro veces) como por 
la constante 8 que aparece en la instrucción LINE en la línea 710. 
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El resultado global de los tres bucles vistos hasta ahora es el de 
dibujar todas las ventanas que Se hallen en el cuerpo del rasca: 
cielos de abajo a arriba y (si la anchura es mayor que un RASO) 
de izquierda a derecha. 

El siguiente paso es dibujar el saliente, que en el programa 
ha sido llamado “terminación” (líneas 750-810). Hay una novedad 
con relación a las secciones precedentes: mientras todos los fas- 
cacielos poseen puerta, muros y ventanas, la terminación es facul- 
tativa. Hay la posibilidad de escoger entre dibujarla o no por 
medio de la variable T, que es utilizada aquí como flag (un flag 
—literalmente “bandera”— es un indicador del tipo si/no). Si el 
flag T posee un valor distinto de cero; tal terminación será dibu- 
jada; de otro modo, el techo de la construcción será plano. Este 
es un ejemplo de cómo es posible variar con facilidad la figura 
alterando el valor de los parámetros que la describen, sin tener 
para ello que modificar las instrucciones del programa. 

Existe además una condición que determina si se puede di- 
bujar el saliente: el hecho de que el rascacielos posea una anchu- 
ra superior a un RASC. En efecto, se ha definido que sólo aquellos 
cuya anchura es superior a uno puedan tener la terminación (lí- 
nea 770). Ello se debe a que ésta posee una anchura igual a un 
RASC y se halla situada en el cento del techo. Este otro factor cOns- 
tituye una protección contra los planteamientos erróneos; es una 
buena norma proyectar un programa de manera que cualquier 
elección equivocada por parte del operador no produzca un mal 
funcionamiento o incluso el bloqueo del programa en sí. 

El dibujo de la terminación se realiza de una manera que ya 
nos es familiar. En primer lugar se calculan las coordenadas (siem- 
pre en relación con el origen), en este caso X4, X5, Y4 e Y5 (línea 
780). Después, sirviéndose de las mismas, una serie de instruccio- 
nes LINE dibujan los segmentos necesarios (líneas 790-810); Para 
COMPARAR mejor las relaciones entre los puntos puede ver la 

ig. 6. 

También las ventanas de la terminación, más pequeñas que 
las anteriores y siempre emparejadas, son trazadas (líneas 
830-890) con criterios parecidos a lo que ya vimos a propósito de 
las ventanas principales: para cada pareja de ventanas se calcu- 
lan las posiciones de dos de sus puntos característicos (en este 
caso X6, Y6 y X7, en la línea 860), luego otro ciclo se encarga de 
dibujarlas en relación con esos puntos. El cálculo de X6, X7 e Y6 
hace referencia a las coordenadas X4,Y4, que habían sido calcu 
ladas anteriormente para dibujar la terminación y que, a Su VOZ, 
estaban en relación con el origen (OX, OY). De esta manera con: 
tinúa el principio por el cual todos los elementos del rascacielos . 
deben ser dibujados en relación con el origen. 

El último elemento de la construcción es la punta (líneas 
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X4,Y5 


X4,Y4 (X5,Y5 ES EL ANGULO DERECHO 
CORRESPONDIENTE) 


Figura 6.—Relación entre los principales puntos de la terminación y 
los de sus ventanas. Aquí se muestra tan sólo el extremo izquierdo 
de una terminación; su anchura depende de la del rascacielos. 


910 970). Este también será opcional, dependiendo del valor del 
flag P (línea 930). Una punta está constituida por cuatro segmen- 
tos unidos como indica el esquema de la figura 7. Siguiendo el mis- 
mo procedimiento de siempre, también en este caso se calcula 
en primer lugar la posición de un punto característico (líneas 
940-950), de coordenadas X8,Y8 (véase la figura). El cálculo inclu- 
ye una corrección en la coordenada “Y” que entra en acción si el 
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X8,Y8 


Figura 7 —Dimensiones y posición de una punta con relación al pun- 
to X8,Y8. 


rascacielos posee también terminación. La corrección es efectuada 
por el test condicional que se halla en la línea 950 (nótese que 
aquí también actúa la protección anteriormente citada, que consi- 
dera la existencia de una terminación en la cima del rascacielos 
sólo si éste es más ancho que un RASC). 

Con esto hemos terminado el examen de la subrutina que 
efectúa el dibujo de todos los elementos del rascacielos. Como he- 
mos visto, sus efectos son totalmente dependientes del valor de 
cuatro parámetros: B, H, T y P, y de las coordenadas del origen 
OX,OY. 

Volviendo a observar el programa globalmente se nota que 
hay dos secciones distintas capaces de llamar a la subrutina de 
dibujo. La primera de ellas (líneas 140-200) interviene en el caso 
de que se quiera obtener la imagen del paisaje predefinido; la se- 
gunda, si se solicita uno casual (líneas 220-300). 

Como habíamos anticipado, todo el paisaje visible en la figu- 
ra 2 está descrito completamente por medio de un grupo de lÍ- 
neas DATA que se hallan reunidas al final del programa en una 
sección reservada para ellas (líneas 1020-1070). Estos datos pue- 
den ser fácilmente alerados por el usuario del programa por si de- 
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sea darse cuenta mejor de su funcionamiento; es más, es conve- 
niente tratar de hacerlo, sobre todo si no se es muy experto en 
gráficos computerizados. La facilidad con la que es posible modi- 
ficar el comportamiento de un programa concebido de esta ma- 
nera (es decir el paisaje que aparece en la pantalla) puede ser sor- 
prendente y les animará, sin duda, a realizar por sí mismos algu- 
nos proyectos gráficos basándose en conceptos parecidos a los 
que han sido examinados en este ejemplo. 

La organización de las líneas DATA es muy sencilla. La pri- 
mera cantidad (línea 1040) representa «el número de rascacielos 
que hay que dibujar, en este caso 12; las siguientes, tomadas de 
cuatro en cuatro, constituyen los parámetros que son pasados a 
la subrutina de dibujo para definir las características de cada uno 
de los rascacielos que debe aparecer en la pantalla. En el ejem- 
plo del programa 2.5, que dibuja doce edificios, los parámetros 
que hay que pasar son en total 48. Su orden es el ya citado: B, H, 
T y P, correspondientes a base, altura, termir.ación (sí/no) y punta 
(sí/no). Al observar los primeros datos de la línea 1050 se nota in- 
mediatamente que el primer rascacielos tendrá una base de 
dos RASC, una altura de seis, poseerá terminación pero no tendrá 
punta. La imagen que aparece en la pantalla confirma que eso es 
cierto. 

La sección "paisaje predefinido” (líneas 140-200) lee en pri- 
mer lugar el número de rascacielos NR en la línea 160, luego eje- 
cuta un ciclo (líneas 170-200) que toma cuatro parámetros cada 
vez y llama a la susbrutina de dibujo para interpretarlos. Después 
de cada rascacielos, la coordenada “X” del origen es desplazada 
hacia la derecha un número de pixels igual a la anchura de la base 
(línea 190). El dibujo en pantalla se lleva a cabo, por tanto, de iz- 
quierda a derecha, ya que, como ha sido señalado otras veces, la 
posición de todo el rascacielos depende de la del origen (OX,OY). 

¡Cuidado con un detalle!: No ha sido prevista ninguna protec- 
ción contra una descripción del paisaje tal que lo haga salirse de 
los márgenes de la pantalla; esto puede constituir un tema intere- 
sante para un ejercicio. 

Si, en cambio, lo que se desea es un paraje casual, entra en 
acción el segmento del programa siguiente (líneas 220-300), que 
genera aleatoriamente los valores de los cuatro parámetros B, H, 
T y P. La manera de utilizar la función RND nos es ya conocida; 
en este caso (línea 240) los valores posibles para B van de l a 3, 
y los de H, de 3 a 10 (para hacer una prueba, se puede intentar 
variar estos parámetros). 

Seguramente les causará sorpresa el método utilizado para 
obtener “T” y “P” en las líneas 270 y 280. Esto se basa en el hecho 
de que "RND(1)>.5” constituye una expresión lógica a la que el 
BASIC asigna el valor cero si es falsa, o un valor distinto de cero 
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en caso de ser verdadera. Como RND(1) es un número aleatorio 
comprendido entre O y 1, será mayor que 0.5 aproximadamente 
en el 50 por 100 de los casos y menor que 05 en el restante 50 
por 100. El resultado es que la probabilidad de que un rascacielos 
tenga terminación es del 50 por 100, y lo mismo vale para la punta. 

El dibujo del paisaje arbitrario termina cuando a la derecha 
de la pantalla no queda espacio suficiente para otro edificio (el 
control está en la línea 250). Este método es bastante inexacto, ya 
que aunque no haya espacio suficiente para el rascacielos calcu- 
lado, podría ser bastante para un edificio con una base más pe- 
queña. Se puede intentar, como ejercicio, modificar de forma ade- 
cuada el programa para que el paisaje termine siempre en la po- 
sición más a la derecha posible de la pantalla (dibujando un ras- 
cezielos de dimensiones adecuadas). 

También en el caso del paisaje casual después del dibujo de 
cada edificio el origen es desplazado hacia la derecha lo suficien- 
te como para trazar el siguiente (línea 290). 
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DIBUJO DE FIGURAS GEOMÉTRICAS 


Problemas de escala: cuadrados 
rectangulares y círculos elípticos 


uando se trabaja con programas, a la hora de 
hacer figuras geométricas surge inmediata- 
mente la cuestión de las proporciones de la 
pantalla. El prob.ema reside en esto: si un pro- 
grama concebido para trazar un cuadrado 
(como el 2.3) dibuja en cambio un rectángulo, 
o vemos aparecer una elipse cuando lo que 
queríamos era una circunferenciz, significa que 

Y la escala del eje “X” es distinta de la del eje 
Y". En otras palabras, un mismo número de puntos forma un seg- 
mento de una longitud, digamos, de diez centímetros sobre el eje 
“X' mientras que sobre el eje “Y” traza otro de medida diferente. 
Toda imagen de la pantalla tendrá las proporciones alteradas, 
ccmo si hubiera sido “estirada” en una dirección y aparecerá dis- 
torsionada. 

Cambiando el punto de vista podemos decir que esto ocurre 
cuando los pixels no son cuadrados sino rectangulares. El incon- 
veniente puede producirse debido a dos causas: o el ordenador 
genera una página gráfica con los ejes a escalas diferentes, O el 
monitor (o televisor) no está correctamente regulado, de tal modo 
que distorsiona la imagen. El Apple posee una resolución de 
280x192 puntos; el Commodore 64, de 320x200; ninguno de los dos 
corresponde exactamente a la relación 4/3 que caracteriza las 
dimensiones de una pantalla. Por tanto, a pesar de utilizar un 
monitor perfectamente regulado, se tendrá en ambos casos una 
distorsión. El Commodore 64 se aleja de una manera particula 
de la relación exacta. 
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10 REM +2% PROGRAMA 2.6 +*t 


20 REM 
30 REM TEST ESCALA 

40 REN 

50 REM 

60 HIRES 1,0 

70 REM 

80 LINE 0,0,199,0,1 

90 LINE 139,0,199,199,1 


100 LINE 199,199,0,199,1 

110 LINE 0,199,0,0,1 

120 REM 

130 GET TS:1F T$="" THEN 130 
READY 


El programa 2.6 permite comprobar si el inconveniente se 
presenta y, en caso afirmativo, en qué medida. Puede hacerse tra- 
zando lo que debería ser un cuadrado: si la figura que aparece no 
es ésa nos hallaremos frente a un descalibramiento de escala; ha- 
brá entonces que medir con una regla los lados del rectángulo 
que aparece en pantalla. 

Definimos como "factor de escala" la relación entre la medida 
del lado vertical “Y” y la del horizontal “X”. Esta relación será ma- 
yor o menor que uno, según que predominen la dimensión “Y” o 
la “X”. Una vez conocido el factor corrector adecuado puede nor- 
malizarse la situación procediendo como indicamos en el progra- 
ma 2.7: todas las coordenadas del eje “X” son multiplicadas por el 
factor de escala. En este programa habrá que rectificar, natural- 
mente, la línea 60 e introducir la verdadera relación que hemos 
obtenido (el valor 1.2 sirve tan sólo como ejemplo). De ahora en 
adelante todos los programas que traten de figuras geométricas 
incluirán esta corrección; está claro que habrá que tomar cada vez 
la precaución de introducir el valor correcto del factor de escala, 
indicado siempre con la variable FE. 


10 REM +** PROGRAMA 2.7 **e 

20 REM 

30 REM CORRECCION DE ESCALA 

40 REM 

30 REM 

60 FE=i.2:REM FACTOR DE ESCALA 
70 HIRES 1,0 

80 REM 
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90 LINE OXFE,0, 199+FE,0, 1 

100 LINE 1994FE,0, 1994FE, 199,1 
110 LINE 1994FE,199,0*FE,199,1 
120 LINE O+FE, 199,04FE,0,1 

130 REM 

140 GET TS:1F TS="" THEN 140 
READY 


El recorte de las figuras (clipping) 


Los programas examinados hasta ahora han sido desarrolla- 
dos para producir imágenes más o menos determinadas desde 
un principio, pero al ir adentrándonos en los gráficos computeri- 
zados a menudo se halla uno frente al dibujo y manipulación de 
figuras de naturaleza variable. 

Cuando el programa está destinado a un uso general hay que 
tener en cuenta un problema: puede ocurrir que algunos segImen- 
tos de la imagen tengan una medida y/o orientación tal que Se 
“salgan” de la pantalla. Con el Commodore 64 esto ocurre si se in- 
dica una coordenada "X” menor que cero o mayor que 319, o una 
coordenada “Y” menor que cero o mayor que 199. Cuando se da 
este caso, el Commodore 64 lo considera (correctamente) un error, 
produciendo la interrupción inmediata del programa en cuestión. 

Este inconveniente puede resolverse si incluimos en los pro- 
gramas que lo requieran una subrutina de “clipping” (recorte) 
como la que aparece en el programa 2.8. El objetivo de una 
submutina de este tipo es el examinar las coordenadas de cada 
segmento que hay que trazar en pantalla para intervenir luego 
adecuadamente en caso de que uno de sus extremos se halle 
fuera de los límites de la página gráfica. La intervención consiste 
en cortar el segmento de manera que quede interrumpido en 
correspondencia con el borde de la pantalla. 


10 REM +e% PROGRAMA 2.9 *** 

20 REM : 

30 REM CLIPPING DE SEGMENTOS 
40 REX 

50 REM 

60 XI=0:XD=319:YA=0:YB=199 

70 HIRES 1,0:6DT0 320 

80 REM 

30 REM CLASIFICACIÓN DE PUNTOS 
100 REM 


110 10D =XCDI<XI 

120 D(1=X()<XD 

130 ACD=YCI)OYA 

140 B(1)=Y(1)>YB 

150 RETURN 

160 REN 

170 REM CALCULA LOS EXTREMOS 

180 REM 

190 50SUB 110 _ 

200 Y=0: 1F I(1)FIC2I)+DC1DADCZIHACIORAC2)+ 
B(1)+B(23<50 THEN 280 

210 I=1:1F 10) +DCO+ACI+BCI CO THEN 240 

220 1=2:1F 1(2)+D(2)+A02)+B(2)00 THEN 240 

230 V=1:6010 286 

240 1F 1C1)090 THEN Yi =Y(10+(XI-A CD Y (2)- 
VOI OXC2I-X(1)):XC1)=XI:G0T0 190 

230 GF D(II<H0 THEN Y (1) =Y (1) XD-X(1))+(Y(2)- 
Y(13/(0X029-X(10):XC1)=XD:60T0 190 

260 1F ACIICHO TREN X(D)=X (174 VA-Y(1))40402)- 
1019/0102) -Y(1)):Y(1)=YA:GO0TO 190 

270 1F BU1)<90 THEN XCD =X(1)+YB-101))(X(2)- 
XDD) 101): Y(D)=YB:60T0 190 

280 RETURN 

290 REM 

300 REM PROGRAMA PRINCIPAL 

310 REM 

320 LINE XI,YA,XD 

330 LINE xD, YA, XD, 

340 LINE XD,YB, Xi, 

350 LINE XI,YB,XI,Y 

360 READ NP: FOR J=1 TO NP:FOR I=1 TO 2 

370 READ X(1),Y(1):60SUB 110 

36% NEXT I 

330 GOSUB 200:1F V<>0 THEN LINE X(1),Y(D), 102),1(2),1 

400 NEXT J 

410 SET TS:1F T$="" THEN 410 

420 END 

430 REM 

440 REM EXTREMOS DE LOS SEGMENTOS 

450 REM 

460 DATA 5:REM No. SEGMENTOS 


, 


YA,1 
YB, 1 
YB,1 
Ayi 


470 DATA -20,10, 350,50 
480 DATA 30,130, 150,60 
490 DATA -30,-10,50,210 
500 DATA 30,250,340, 50 
510 DATA 210,-30,340,120 
READY 


Vamos a echar un vistazo a este procedimiento. En primer lu- 
gar son definidas cuatro variables (línea 60) destinadas a conte- 
ner el valor máximo permitido para las coordenadas "X” e "Y”. 
Se trata de XI (X izquierda), XD (X derecha), YA (Y arriba) e YB 
(Y abajo). A continuación sigue el verdadero proceso de clipping, 
dividido en dos subrutinas diferentes (líneas 90-150 y 170-280). 
El piograma principal (300-420) lee los extremos de los segmen- 
los que hay que dibujar de un grupo de líneas DATA para des- 
pués someterlas al clipping. En este caso se trata de cinco seg- 
mentos (líneas 440-510); el resultado de la operación será poste- 
riormente lrazado en la pantalla. 

En primer lugar, el programa principal dibuja los límites de 
la página gráfica (líneas 320-350). Esto no es esencial para la eje- 
cución del procedimiento de clipping, pero sirve para mostrar me- 
jor el efecto. Después lee el número de líneas que hay que dibu- 
jar; valor que es utilizado como límite del ciclo que lee las coor- 
denadas de los extremos de todos los segmentos. Para cada uno 
de ellos (variable J) es ejecutada dos veces la línea 370. Su fun- 
ciór es la de leer las coordenadas de los dos extremos de un solo 
segmento de las líneas DATA; luego las enviará una por una a la 
subrutina de clasificación de los puntos (90-150). Esta, por tanto, 
recibe las cuatro coordenadas de los dos extremos, contenidas en 
las variables X(1), Y(1) y X(2), Y(2). Cada uno de estos puntos és 
clasificado en base al esquema que aparece en la figura 1. Sus- 
tancialmente, se determina si el punto en cuestión está dentro o 
no de la página gráfica, y si no lo está, en qué otra zona se halla. 

Queremos recordar también que el valor numérico resultante 
de una expresión lógica como X()<XI (líneas 110-140) está deter- 
minado por el hecho de que ésta sea verdadera o falsa, y le co- 
rresponde, respectivamente, el valor 1 (en algunos ordenadores 
-1) 6 0. Por tanto, tras haber llamado por dos veces a la subrutina, 
los dos extremos del segmento estarán clasificados por el conte- 
nido de las variables 1(1), D(1), AC), B(1) para el primer punto, e 
1(2), D(2), A(2), B(2) para el segundo. 

Posteriormente, la línea 390 llama a la segunda subrutina que, 
según los resultados obtenidos en la primera, calcula los extre- 
mos del segmento correspondientes tan sólo a la parte “visible” 
del total. En la misma línea (390) se procede también al dibujo del 
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LIMITE DE ARRIBA A 


ESPACIO UTIL y ISR 
DE LA ARA LIMITE 


LIMITE 
IZQUIERDO | DERECHO D 


PAGINA GRAFICA 


LIMITE DE ABAJO B 


Figura 1.—La subrutina de clasificación de los puntos determina si 
cada uno de los extremos de un segmento se halla o no fuera de 
uno de los cuatro límites de la zona visible. 


mismo, pero sólo si la variable V lo clasifica como “visible” 
(tomando en tal caso un valor distinto de cero). Este examen es 
hecho en la línea 200: 


200 V=0: IF 1(1)*1(2)+D(1)*D(2)+A(1)*A(2)+B(1)*B(2)<>0 THEN280 


Si el segmento en cuestión posee ambos extremos situados más 
allá de un mismo límite, uno de los productos, por ejemplo 
D(1)*D(2), resultará distinto de cero. Si esto ocurre, el proceso de 
clipping termina aquí, señalando por medio de la variable V que 
el segmento examinado no posee parte aiguna dentro de la pá- 
gina gráfica y que, por tanto, es “invisible”. 

Las líneas 210 y 220 comprueban si el segmento tiene alguno 
de los dos extremos situados fuera de los límites: 


210 I=11F I(1)+D(1)+A(1)+B(1)<>0 THEN240 
220 1=2:11F 1(2)+D(2)+A(2)+B(2)< >0 THEN240 


Si no ocurre esto, es innecesario el clipping para ese segmento y 
será declarado en seguida visible (en la línea 230) ya que se halla 
por completo dentro del espacio permitido. En caso contrario ha- 
brá que calcular un nuevo extremo (líneas 240-270) situado en la 
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intersección entre el segmento y el límite conflictivo (el método 
matemático utilizado para este fin se describe más abajo). 

La figura 2 muestra el caso de varios segmentos: uno invisi- 
ble, otro completamente visible y un tercero que lo está sólo 
en parte y que tendrá por tanto que someterse al proceso de 
clipping. Los extremos A y B de este último (véase figura) son 
transformados por el clipping en otros dos, indicados como CyDb 
que, naturalmente, se hallarán en alguno de los límites, de manera 
que una instrucción LINE trazará tan sólo la parte del segmento 
originario que resulta visible, sin provocar errores. 


PARCIALMENTE 


SEGMENTO VISIBLE 


TOTALMENTE 
VISIBLE 


SEGMENTO COMPLETAMENTE 
INVISIBLE 


EN Figura 2—Los verdaderos extremos A y B de un segmento parcial- 
mente visible son sustituidos en el clipping por otros dos, € y D, si- 
tuados en los límites de la zona útil. 


Para entender a fondo el procedimiento utilizado para calcu- 
lar los nuevos extremos de los segmentos sometidos a un 
clipping hay que estar un poco familiarizados con la geometría 
analítica. Haciendo referencia a la Figura 3, aquellas personas que 
tengan cierta base en esta materia reconocerán con facilidad la 
ecuación del segmento AB, que es: 


Y = Y 1+(X-X1)(12-Y1)/(X2-X1) 
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iy Figura 3.—Un segmento de extremos A(X1,Y1) y B(X2,Y2) es some- 
tido a clipping. El extremo “B"se sustituye por “C”, cuyas coordena- 
das "XD" e “Y” se obtienen mediante las ecuaciones descritas en el texto. 


Si se quiere hallar la intersección con el extremo derecho bas- 
tará introducir en la ecuación la coordenada horizontal del límite 
que nos interesa, en este caso XD, en lugar del genérico "X”. El pun- 
to de intersección tendrá, por tanto, de coordenadas: 


X=XD 
Y =Y1+(XD-X1)(Y2-Y1)/(X2-X1) 


Teniendo en cuenta que en el programa 2.8 los extremos es- 
tán contenidos en un vector, esta ecuación equivale a la que apa- 
rece en la línea 250: 


IF D(D)<>0 THEN Y(D)=Y(1)+(XD-X(1))* 
AY) XSX(MD)XD=XD: COTO190 


Las intersecciones con los otros tres bordes se calculan de la 
misma manera (líneas 240-270). 

Una vez concluido su trabajo el programa espera a que sea 
pulsada una tecla cualquiera (línea 410), de manera que se pueda 
ver fácilmente el resultado. Este mismo procedimiento se adop- 
tará en muchos de los próximos programas. 
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Todos los polígonos que queramos 


Los programas siguientes servirán para que nos familiarice- ' 
mos con algunos de los procedimientos utilizados para obtener fi- 
guras geométricas. El primero de ellos (2.9) dibuja polígonos re- 
gulares con un número de lados variable a partir de 3. 


10 REM +xe PROGRAMA 2.9 +48 

20 REM 

30 REM POLIGONOS 

40 REN 

50 REN 

60 CX=160:CY=100:FE=1..1 

70 GOTO 240 

80 REM 

30 REM TRAZADO DE'EJES 

100 REM 

110 FOR X=0 TO CX+2-1 STEP 2 

120 PLOT X,CY,1:NEXT X 

130 FOR Y=0 TO CY*2-1 STEP 2 

140 PLOT CX, Y, 1:NEXT Y 

150 RETURN 

160 REM 

170 REM ERROR 

180 REM 

130 PRINT "GISEAMOS SERIOS!" 

200 RETURN 

210 REM 

220 REM PROGRAMA PRINCIPAL 

230 REM 

240 PRINT "CxaO" 

250 INPUT "¿CUANTOS LADOS?*¡L 

260 IF L<3 THEN GOSUB 190:60T0 250 

270 INPUT "CO DISTANCIA DE LOS VERTICES 
AL CENTRO";D 

280 IF D)CY THEN GOSUB 190:G0TD 270 

290 HIRES 1,0:605UB 110:A=2%*P1/L 

300 FOR 1=0 TO L 

310 X=CX-CDRSINCIAA)+.5)SFE 

320 Y=CY-DHCOSCIZA)+.S 

330 IF 1=0 THEN 350 
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340 LINE XP,YP,X,Y,1 

350 XP=X:YP=1:NEXT 1 

360 REM 

370 GET T$:1F era quen 370 

380 NRM:PRINT * 

390 INPUT * cCONTÍNIC? (<RETURID=SD)"; R$ 
400 IF pe ae 240 

410 PRINT ' 

READY E 

Tras la petición del número de lados del polígono que va a 
ser dibujado, el verdadero trabajo comienza con el trazado de dos 
ejes cartesianos en el centro de la pantalla (líneas 110-150). Los 
ejes son discontinuos (un punto sí y otro no) para que no se con- 
fundan con la figura que será dibujada más tarde. El procedimien- 
to es el siguiente: un segmento imaginario que tiene un extremo 
en el centro de los ejes (es decir, en el nuevo origen), se hace 
girar en sentido antihorario de manera que el otro extremo del 
mismo localice uno por uno todos los vértices del polígono (Fig. 
4). Al unir posteriormente estos puntos se obtendnrá el dibujo de- 
seado. 

El cálculo de la posición del segundo extremo del segmento 
rotatorio utiliza las nociones de seno y coseno, ilustradas en la fi- 
gura Sa. Es importante recordar que en BASIC los ángulos son ex- 
presados en radianes en lugar de los corrientes grados sexagesi- 
males; con estas unidades el ángulo de una vuelta completa no 
vale 360 grados, sino dos veces pi (1) (aproximadamente 6,28) ra- 
dianes (Fig. 5b). Este es el motivo por el cual, para calcular el án- 
gulo de rotación correspondiente a cada vértice, aparece en la lí- 
nea 290 la expresión A=2*PI/L. Vamos a refrescar un poco la me- 
moria acerca de los radianes: 


e 1/2 pi radianes equivalen a un ángulo de 90 grados; 

e pi radianes equivalen a 180 grados; 

e 2 pi radianes constituyen una vuelta completa, es decir 360 
grados; 

e un radián corresponde a 57.29577 grados; 

e en general, un ángulo de G grados corresponde a 
(G/180)*pi radianes; 

e por consiguiente R radianes corresponden a (R/pi)*180 
grados sexagesimales. 


Para dibujar el polígono se hace uso de un ciclo FOR..NEXT 
que se inicia en la línea 300. Aprovechando las relaciones trigo- 
nométricas citadas armba, para cada iteración del ciclo (líneas 


62 


ES 


WZ 


1100] Figura 4.—El dibujo de un polígono regular, en este caso un trián- 
gulo equilátero, se efectúa haciendo girar alrededor del origen un 
segmento de longitud dada un número de veces igual al de los vértices. 
Uniendo luego los puntos así hallados se obtendrá el polígono. 


30-320) se calcula la posición de un vértice, que es unido al an- 
terior con una línea recta (exceptuando, naturalmente, el primero 
que no tiene ninguno anterior). Nótese que los ejes cartesianos 
que hemos dibujado en la pantalla no se corresponden con los uti- 
lizados habitualmente para trabajar en la página gráfica, de modo 
que es necesario transformar las coordenadas que se han obteni- 
do en otras referidas al mismo sistema de referencia de siempre, 
de forma que el origen se encuentra en el ángulo superior izquier- 
do de la pantalla. La transformación se produce también en las ll. 
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—— — —_ _____—_—_—_—_—__————_—— EJE x 
R=*COS(A) 


Figura 5.—a) Un segmento R gira en sentido contrario a las mane- 

cillas del reloj un ángulo “A” hasta hallarse en posición OP. Para 
cada valor de “A” la proyección de OP sobre el eje “X” es igual a R*COS(A) 
y sobre el eje “Y” R*SIN(A). Evidentemente, estas cantidades representan 
también las coordenadas cartesianas “X” e "Y” del punto “P" para un án- 
gulo “A”. b) Valores en radianes de distintos ángulos. 


neas 310 y 320, al incluir en el cálculo las coordenadas del centro 
de la página gráfica CX y CY. : 

Tal vez les sorprenda la presencia en esas líneas del factor 
0.5, que aparece tanto en el cálculo de "X” como en el de "Y”. Los 
valores que se obtienen del cálculo de “X” e "Y” son fraccionarios, 
así que es conveniente redondearlos al entero más cercano antes 
de utilizarlos para localizar un pixel en la página gráfica. Ya he- 
mos visto (programa 1.3) que la instrucción LINE considera tan 
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sólo la parte entera de las coordenadas, de modo cue podemos 
utilizarla para obtener el redondeo automáticamente. Bastará con 
añadir antes la constante 0.5: en efecto, si el valor está compren- 
dido entre 2 y 2.49999999, al añadir 0.8 se mantendrá menor que 
3, por lo que su parte entera valdrá siempre 2 (que corresponde 
con el entero más cercano). Si, en cambio, estamos entre 25 y 
299999999, al añadir 0.5 obtendremos siempre una cantidad ma- 
yor o igual a 3 (el entero más cercano en este caso). Consideran- 
do sólo la parte entera se obtiene precisamente 3. Aplicaremos 
siempre esta técnica en los siguientes programas. 

Hay otra observación en relación con el factor de escala (FE) 
cuyo valor, si es distinto de uno, hace que una línea a 45 grados 
no se corresponda con una diagonal de pixel. El fenómeno se ob- 
serva fácilmente dando el valor 1 al factor de. escala y dibujando 
un polígono de cuatro lados; luego se le asigna un valor diferente 
(por ejemplo, el correcto) y se repite el dibujo del cuadrado, 

El programa 2.9 permite dibujar nuevos polígonos sin tener 
que dar nuevamente al RUN. Basta con responder adecuadamen- 
te a la pregunta formulada en la línea 390, apretando la tecla de 
RETURN. Nótese que ha sido también prevista una protección con- 
tra posibles errores de planteamiento (subrutina 190 y controles 
en las líneas 260 y 280). 


Dibujar un círculo. 
Primer método: con la raíz cuadrada 


Existen muchos métodos para dibujar un círculo en la panta- 
lla de un ordenador personal. El hecho de estudiar varios de ellos 
servirá para mostrar cómo se puede resolver un mismo problema 
de diferentes maneras. El programa 2.10 logra este fin sin hacer 
uso de la trigonometría, valiéndose sólo de la operación "raíz Cua- 
drada”. En efecto, para cualquier punto de una circunferencia que 
tenga como centro el origen de coordenadas (Fig. 6) vale la 1e- 
lación: 


R2=X?+ Y? 


donde “R” es el radio del círculo, y “X” e “Y” las coordenadas del 
punto elegido. Esto no es otra cosa que el conocido teorema de 
Pitágoras: su utilización está justificada porque el triángulo OPH 
es rectángulo (uro de sus ángulos es de 90 grados). 


10 REM +*£* PROGRAMA 2.10 +e* 
20 REM 
30 REN TRAZAR UN CIRCULO (1) 
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40 REM 

50 REM 

60 HIRES 1,0:CX=160:CY=100:R=80: 
P=32:FE=1.1 

70 DEF FNY(O=SOR(RAR-XH1) 

80 REM 

90 REM TRAZADO DE LOS EJES 

100 REM 

110 FOR X=0 TO Ck+2-1 STEP 2:PLOT 1,CY,1: 
NEXT Y 5 

120 FOR Y=0 TO CYs2-1 STEP 2:PLOT CX,Y,1: 
NEXT Y 

130 REM 

140 REM PROGRAMA PRINCIPAL 

150 REM 

160 S=24R/P 

170 FOR Xi=k TO -R STEP -5 

180 Y=FNVOLID+CY+,S: X= 1AFECXA.S 

190 1F X1=R THEN 210 

y 200. LINE XP,YP,X,Y,1 

210 XP=X:YP=Y:NEXT 11 

220 FOR Xi=-R TO R STEP $ 

230 V=-FNV(LIDACV+. 5: XX IAFERCNA,S 

240 LINE XP, YE,X,Y,1 

250 XP=X:VP=Y:NEXT X1 

260 REN 

270 GET t$:1F T$="" THEN 270 

READY 


Al inicio del programa, además de las variables “CX” y "CY" 
es definida la función FNY(X), con el fin de determinar la coorde- 
nada “Y” a partir de la “X” y del valor del radio “R”. La coordenada 
*X” se hace variar en el interior de dos ciclos FOR..NEXT situados 
en las líneas 170-210 y 220-250; se hallará cada vez el valor “Y" co- 
rrespondiente. Los puntos localizados de esta manera son unidos 
por medio de segmentos por las instrucciones LINE; el círculo ob- 
tenido está así formado en realidad por una serie de segmentos 
rectilíneos, pero su número es suficiente como para que la figura 
resulte bastante aproximada. 

Como ocurre en el programa 2.9 también aquí es necesario 
intervenir en los valores calculados para que el círculo se halle 
situado en el centro de la pantalla. Esto se hace simplemente com- 
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TEOREMA DE PITAGORAS: R?=X?+Y? 


MN." 6.—Para dibujar un círculo podemos utilizar el teorema de Pi- 
tágoras, que proporciona una relación entre el radio y las coorde- 
nadas de un punto cualquiera de la circunferencia (indicado con “P”). 


binando cada valor de “X” e “Y” con las coordenadas del centro 
del monitor CX y CY (línea 180). 

Decíamos que este resultado era satisfactorio, pero al obser- 
var con atención la pantalla notaremos que el dibujo no se forma 
con segmentos iguales; la razón estriba en que los valores de "Y" 
son calculados al desplazar la coordenada “X” de manera unifor- 
rre, de forma que los puntos resultantes están más separados en 
las cercanías del eje "X” (Fig. 7). Este fallo resulta particularmente 
evidente si se disminuye el número de segmentos que constitu 
yen la circunferencia; para ello bastará con reducir el valor de "P" 
de 32 a 10 (línea 60). El resultado se parecerá aún menos que al: 
tes a un círculo. 
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Figura 7.—El defecto de la técnica de la figura 6 resulta particular- 

mente evidente si se disminuye el número de puntos que hay que 
calcular; así aparece con claridad la distorsión er las proximidades del 
eje “X”. 


Segundo método: seno y coseno 


En este caso se utilizan los conceptos de trigonometría ya vis- 
tos a propósito de los polígonos (programa 2.9). En realidad el mé- 
todo es prácticamente el mismo, pues para nuestros propósitos 
un círculo equivale a un polígono regular con un número de la- 
dos lo bastante grande como para obtener un grado de aproxi- 
mación adecuado (en este caso N=32). Para convencerse es sufi- 
ciente con coger el programa 2.9 y solicitar que sea dibujado un 
polígono de 30 o más lados: se obtendrá prácticamente un círculo. 
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10 REM +** PROGRAMA 2.11 4x8 

20 REM 

30 REM TRAZAR UN CIRCULO (2) 

40 REN 

50 REM 

50 HIRES 1,0 

70 CX=160:CY=100:FE=1.1:R=80:N=32 
DA=24PL/N 

80 REM 

30 REM DIBUJO DE LOS EJES 

100 REM 

110 FOR X=0 TO 2*CX-1 STEP 2:PLOT 1,0Y,1 
¿NEXT X 

120 FOR Y=0 TO 2eCY-1 STEP 2:PLOT CX,Y, 1 
¿NEXT Y 

130 REM 

140 REM PROGRAMA PRINCIPAL 

150 REM 

160 FOR 1=0 TO 2*P1 STEP DA 

170 X=RACOS (IDA FE+CX+.5 

180 Y=RASINCID+CY+. 5 

190 1F 1=0 THEN 210 

200 LINE XP,YP,X,Y,1 

210 XP=X: YP=Y:NEXT 1 

220 REM 

230 GET T$:1F T$="" THEN 230 

READY 


Con esta técnica no se producirán nunca distancias irregula- 
res entre los distintos puntos calculados, ya que lc que se divide 
en partes iguales durante el trazado no es el eje "X”, sino el círcu- 
lo. En efecto; lo que cambia durante el cálculo es el ángulo entre 
el radio y el eje “X” (variable I), que en cada ciclo aumenta en un 
valor DA (línea 180) hasta completar la vuelta completa (2*T ra- 
dianes); de ahí que sea DA=2*1/N (línea 70). 


Tercer método: puntos correlativos con el precedente 


Un método interesante, con el que se obtiene al mismo resul 
tado que en el anterior, hace uso de un algoritmo más “astuto” y 
veloz: cada punto es localizado a partir de las coordenadas del 
precedente, de modo que no se tienen que calcular cada vez e) 
seno y el coseno. 
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10 REM F+PROGRAMA 2.12 ** 
20 REM 

30 REM TRAZAR UN CIRCULO (2) 

40 REM 

50 REN 

60 HIRES 1,0 

70 CX=160:CY=100:FE=1. 1:X1=80:Y1=0 

80 N=32:DA=2*P1/N:S1=SIN(DA):CO=COS(DA) 

90 REN A 

100 REM TRAZADO DE LOS EJES 

110 REM 

120 FOR X=0 TO 2*CX-1 STEP 2:PLOT X,CY, 1:NEXT X 
130 FOR Y=0 TO 2%CY-1 STEP 2:PLOT CX, Y, 1:NEXT Y 
140 REM 

150 REN PROGRAMA PRINCIPAL 

160 REM 

170 1P=X14FE+CX+.5:YP=CY 

180 FOR 1=DA TO 2*P1 STAP DA 

190 P=X1%C0-V1%S1:VL=Y1%CO+X14ST:X1=P 

200 A=X1AFE+CK+. 52 1=CV-V1 

210 LINE XP, YP,X,Y,1 

220 XP=X:VP=Y:NEXT 

230 REM 

240 GET TS:sIF T$="" THEN 240 

READY 


Supongamos haber hallado ya las coordenadas X1, Yl de un 
punto Pl, correspondiente a un ángulo “A” sobre la circunferencia 
de radio "R”. Ya sabemos que: 


X1=R*COS(A) 
Y] =R*SIN(A) 


Sea ahora un punto P2 situado también sobre la circunferen- 
cia, pero sobre un radio que forma un ánguio igual al de Pl, es 
decir, “A”, aumentado en un valor DA. Las coordenadas X2,Y2 del 
nuevo punto P2 estarán dadas por: 


X2=R*COS(A+DA) 
Y2=R*SIN(A+DA) 


Dado que hay una relación trigonométrica que establece para 
nuestro caso que: 
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R*COS(A+DA)= R*COS(A)*COS(DA)—R*SIN(A)*SIN(DA) 
R*SIN(A+DA) = R*SIN(A)*COS(DA)+R*COS(A)SIN(DA) 


si sustituimos en estas expresiones las coordenadas de los puntos 
Pl y P2 obtendremos: 


X2=X1*COSíDA)—Y1*SIN(DA) 
Y2=Y1*COS(DA)+X1*SIN(DA) 


Pero el ángulo DA es constante durante todo el programa, ya 
que representa el incremento angular utilizado para poder pasar 
de un punto cualquiera al siguiente (en efecto, se obtiene en la 
línea 80 al dividir el ángulo completo por el número de puntos 
que hay que obtener). Por consiguiente también SIN(DA) y 
COS(DA) son cantidades constantes y por tanto Se pueden calcu- 
lar de una vez para siempre al inicio del proceso (línea 80, deno- 
minadas SI y CO). De aquí se deriva que tras haber fijado la po- 
sición del primer punto (en la línea 70), para calcular el siguiente 
pueden utilizarse las relaciones vistas anteriormente, que no re 
quieren operación trigonométrica alguna, sino sólo algunas sumas, 
restas y multiplicaciones. 

Cuando hayamos obtenido el segundo punto utilizaremos la 
misma fórmula para calcular el tercero (a partir esta vez del se- 
gundo) y todos los demás hasta completar el círculo. Como en 
los otros casos, al unir los puntos entre sí con segmentos Se ob- 
tendrá el círculo deseado, 

Para los tres métodos es válida la consideración de que cuan- 
to mayor sea el número de puntos calculados más pequeños se- 
rán los segmentos y, por tanto, mejor la calidad del dibujo, que se 
parecerá cada vez más a una verdadera circunferencia. 


La elipse 


Esta figura, que se obtiene si “estiramos"” un círculo, será di- 
bujada por el programa 2.13, 


10 REM +22 PROGRAMA 2.13 + 

20 REM 

30 REM TRAZAR UNA ELIPSE 

40 REM 

50 REM 

60 HIRES 1,0:CX=160:CY=100 

70 FE=1:A=100:B=60:N=32:DA:24P1/N 
80 REM 
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90 REM TRAZADO DE LOS EJES 

100 REM 

110 FOR X=0 TO CXE2-1 STEP 2:PLOT X,CY,1 
NEXT X 

120 FOR Y=0 TO CY2-1 STEP 2:PLOT CX,Y,1 
NEXT Y 

130 REM 

140 REM PROGRAMA PRINCIPAL 

150 REM sl 

160 FOR AL=0 TO 2*P1 STEP DA 

170 X1=ASCOS(AL) : Y1=B*SINCAL) 

180 X=CX+FE+I1+.5:Y=CY-11+,5 

190 IF AL=0 THEN 210 

200 LINE XP, YP,X,Y,1 

210 XP=X:YP=1:NEXT AL 

220 REM 

230 GET TS:1F Té="" THEN 230 

READY 


El procedimiento es casi idéntico al seguido para trazar un cír- 
culo con el segundo método (2.11); la única diferencia estriba en 
que en el cálculo aparecen las variables “A” y "B” en lugar del ra- 
dio “R” (línea 170). Estos dos parámetros corresoonden, respecti- 
vamente, al semieje mayor y al semieje menor de la elipse, como 
muestra la figura 8. 


E Figura 8.—Una elipse con centro en el origen de coordenadas. El se- 
mieje mayor AO (=0C) corresponde al parámetrc A utilizado en el 
cálculo, mientras que el semieje menor BO (=0D) corresponde al pará- 
metro B. 
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Las ecuaciones utilizadas describen una elipse que tiene su 
centro en el origen de coordenadas, de modo que será necesario 
(como en el caso de la circunferencia) transíormar los valores 0b- 
tenidos para trasladar la figura al centro de la página gráfica, don- 
de está situado el origen de los nuevos ejes cartesianos dibuja- 
dos por el programa. 


Curvas en polares 


Consideremos ahora una circunferencia cuyo radio varía 
constantemente durante el trazado, en función del ángulo en el 
que se halla en ese instante. Según la regla utilizada precisamen- 
te para definir el radio, se obtendrán distintos tipos de curva, que 
tienen en común el hecho de estar centradas en el origen de los 
ejes. Esto es lo que hace el programa 2.14. Para no crear confu- 
sión con las figuras resultantes, esta vez no hemos trazado los ejes, 
sino sólo los bordes de la pantalla. 

Vamos a aprovechar esta ocasión para observar cómo están 
definidos los puntos de una curva de este tipo. Ya hemos comen- 
tado anteriormente que, en un plano cartesiano, cada punto se de- 
fine por sus dos coordenadas, “X” e “Y”, llamadas también coorde- 
nadas rectangulares. Pero también hay otra manera de identificar 
ur. punto “P”: esta vez los dos parámetros son la distancia “R” al 
origen y la medida del ángulo comprendido entre el segmento 
que une el origen con “P” y el eje “X” (Fig. 9). Estas coordenadas 
se llaman coordenadas polares. 

Es posible pasar de coordenadas polares a rectangulares sir- 
viéndose de dos sencillas relaciones que ya hemos mencionado: 

X=R*COS(A) 

Y =R*SIN(A) 


Naturalmente, el programa adopta estas relaciones para ac- 
tuar en la forma corriente en la página gráfica (en donde pueden 
utilizarse fácilmente sólo las coordenadas rectangulares). Recuer- 
de que en BASIC los ángulos son expresados siempre en radianes, 


10 REM +*% PROGRAMA 2.14 ++* 

20 REM 

30 REN CURVAS EN POLARES 

40 REM 

50 REM 

50 HIRES 1,0:CX=160:CY=100:FE=1.1: 
N=64:AF=2%P1:DA=AF/N 
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“R" entre el punto y el ong la otra es el ángulo “A” comprendido entre 
el eje “X" y el segmento OF, 
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lo) —_———> 
Xx 


Figura 9 —Un punto "P” en un plano cartesiano puede estar definido 
por medio de dos coordenadas polares. La primera es la distancia 


medido en sentido antihorario. 


70 DEF FNRCA):50-40+SINC3*A) 

80 REM 

30 LINE 0,0,319,0,1 

100 LINE 319,0,319,199,1 

110 LINE 319,199,0,199, 1 

120 LINE 0,193,0,0,1 

130 REM 

140 FOR A=0 TO AF+.01 STEP DA 

150 R=FNRA) 

160 X1=RECOS(A) : VISRESINCA) 

170 A=CIAFES(1+.5:Y=0Y-V1+.5 

180 1F X9319 OR X<0 OR Y>199 OR Y<0 
THEN F=0:60TO 220 

190 1F F=0 THEN F=1:60T0 210 

200 LINE AP,YP,X,Y,1 

210 XP=X:YP=1 : 

220 NEXT A 

230 REM 

240 GET Té:l5 Tg="" THEN 230 

READY 


En el programa 2.14 la función que hace variar el radio según 
el ángulo está definida en la línea 70 como FNR(A) Resulta inte- 
resante probar varas de estas funciones y observar los resulta- 
dos. Puede experimentar con los siguientes, modificando también 
el valor de N y de AF (ángulo final) como está indicado (Pi indica 
la constante T ): 


* FN R(A)=2*A (definir N=64 y AF=8*PI) 
* FN R(A)=80*SIN(A) (N=64; AF=PI) 

* FN R(A)=80*COS(2*A) (N=64; AF =2*PI) 

* FN R(A)=80 (N= 64; AF =2*PI) 


* FN R(A)=70+10*COS(6*A) (N=64; AF =2*PI) 
FN R(A)=70+10*COS(12*A)  (N=128;AF=2*PI) 
FN R(A)=60+30*COS(6*A) (N= 128; AF =2*PD 
FN R(A)=60+30*RND(1) (N=64; AF =2*PI) 
FN R(A)=80*(COS(A)—05)  (N=64AF=2*PI) 
FN R(A)=40*(COS(2*A)—1)  (N=64,AF=2*PI) 

R(A)=50*(COS(2*A)—0.5)  (N=64, AF=2*PI) 

FN R(A)=80*COS(3*A) (N= 64; AF=PI) 

FN R(A)=2*EXP(A/6.28) (N= 128, AF =8*PI) 

FN R(A)=70—40*SIN(2*A) (N = 64; AF =2*PI) 

FN R(A)=5C—40*SIN(3*A) (N=64; AF =2*PI) 

FN R(A)=50—40*SIN(A*A) (N=128; AF =2*PI) 


E EE 
m 
ES, 


Como se ve, las hay para todos los gustos. Algunas funciones 
dan resultados que nos son muy familiares. Dos de ellas dibujan 
una circunferencia. La figura 10 muestra los resultados que apa- 
recen en la pantalla al experimentar con algunas de las funciones 
propuestas. 

Obsérvese que el límite del bucle de cálculo que se inicia en 
la línea 140 no es AF, sino AF+0.01. Esto es necesario para evitar 
que, debido a problemas de aproximación del ordenador al efec- 
tuar las sumas (es decir en cada NEXT A) el bucle termine un ci- 
clo antes de lo previsto. Cuidado: con otros ordenadores distintos 
del Commodore 64 no tiene por qué producirse tal inconveniente. 

Como última nota debemos indicar que el programa contie- 
ne una protección a fin de que una figura no pueda salirse de las 
imágenes de la pantalla y genere así un error (línea 180). Se trata 
de una precaución indispensable en un programa que, como éste, 
se presta a experimentar diferentes funciones. 


Figura 10.—He aquí algunos ejemplos de curvas en polares. Las que 
aparecen en la figura han sido obtenidas con el programa 2.14, lras 
introducir cuatro ecuaciones diferentes: 
a) FNR(A)=50-40*SIN(3*A) c) FNR(A)=70+10*COS(6%A) 
bj FNR(A)=2*EXP(A/6.28) d) FNR(A)=50-40*SiN(4*A) 
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Figura 10a.—FNR(A)=850-40*SIN(3*A). 


.] Figura 10b.—FNR(A) =2*EXP(A/6.28). 
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aye 10c.—FNR(1)=70+10*COS(6*A). 


Mo 10d.—FNR(1)=50-40*SIN(4*A). 


Y 


MANIPULACIÓN DE FIGURAS EN DOS DIMENSIONES 


Utilización de las matrices en los gráficos 


na magnífica cualidad de los gráficos compu- 
terizados es la de poder manipular a placer una 
imagen. Las técnicas más sofisticadas capaci- 
tan al operador para modelar completamente 
los objetos que aparecen en pantalla de tal for- 
ma que puede proyectar nuevas formas o es- 
tructuras sin tener que recurrir a un modelo 
real. Y, aún más, es posible incluso generar 
Eu imágenes con un parecido a la realidad tal que 
son utilizadas en películas, como es el caso ya citado de TRON. 

Nosotros nos ceñiremos a experimentar algunas de las técni- 
cas de transformación de imágenes bidimensionales, pues con un 
ordenador personal o doméstico tenemos ciertas limitaciones. 
Ciertamente no estaremos a la altura de los resultados citados an- 
toriormente, pero la técnica que se expone en el programa 2.15 
es suficiente para una interesante serie de realizaciones. 


10 REM +e* PROGRAMA 2.13 *%x 
20 REM 

30 REM TRANSFORMACIONES 

40 REM 

30 REM 

60 EX=150:CY=100:FE=1.1 

70 REM 

80 PRINT "Ka*:60T0 180 

30 REM 

100 REM TRAZADD DE LOS EJES 
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80 


110 REM 

120 FOR X=0 TO CX*2-1 STEP 2:PLOT X,CY, 1 
¿NEXT X 

120 FOR Y=0 TO CY*2-1 STEP 2:PLOT CX,Y,1 
¿NEXT Y 

140 RETURN 

150 REM 

160 REM PROGRAMA PRINCIPAL 

170 REM E 

180 PRINT “El ESTE PROGRAMA MUESTRA EL EFECTO" 

190 PRINT "DE UNA MATRIZ DE TRANSFORMACION" 

200 PRINT "DE 2X2 ELEMENTOS." 

210 PRINT "CLAS COORDENADAS DE LA FIGURA ESTAN" 

220 PRINT "INTRODUCIDAS EN EL PROGRAMA EN FORMA" 

230 PRINT "DE LINEAS 'DATA"" 

240 PRINT “(LO INTRODUCE LA MATRIZ: 10" 

350 INPUT "A="¡Az INPUT "B=";B 

260 INPUT "C="¡C:INPUT "D=";D 

270 REM 

280 HIRES 1,0:G05UB 120 

290 RESTORE:READ NP 

300 FOR P=1 TO NPREAD X1,Yi 

310 XT=A+X14CAYL2VT=BEL+DHV1 

320 X=CIAFEA ATA. 5: Y=CY-VT+.5 

330 IF P=1 THEN 350 

340 LINE XP,YP,X,Y,1 

350 XP=X:VP=Y:NEXT P 

360 REM 

370 GET T$:1F T$="" THEN 370 

380 NRM:PRINT "(xa (ESPACIO>=BASTA, <RETURN3=0TRA VEZ"; 

390 GET T$ 

400 IF T$=CHR$(32) THEN PRINT "GXO ":END 

410 1F T$=CHR$(13) THEN 180 

420 GOTO 390 

430 REM 

440 REM PUNTOS DE LA FIGURA 

450 REM 

460 DATA 5:REM No. PUNTOS 

470 DATA 0,0,40,0,40,40,0,40,0,0 

READY 


Partimos de un cuadrado que tiene el vértice inferior izquier- 
do en el origen y que es definido, como en otros programas, por 
medio de una serie de DATASs en las líneas 460 y 470. El progra- 
ma solicita al operador cuatro parámetros: A, B, C y D (líneas 
180-260), después lee uno por uno los puntos de la figura que debe 
dibujar y los someto al proceso de transformación (línea 310): Para 
cada uno de los puntos las coordenadas transformadas (XT,YT) 
son posteriormente “ajustadas” en la manera ya conocida, con el 
fin de desplazar el origen de los ejes al centro de la pantalla (lí- 
nea 320) y utilizadas más tarde para trazar la figura. 

Pero, ¿cuál es el mecanismo de la transformación? Para cada 
pareja (X,Y), que representa un punto, se efectúa su multiplicación 
por una matriz compuesta por los parámetros A, B, C y D, obte- 
niendo así un nuevo punto “transformado”. Matemáticamente todo 
ello se expresa de la siguiente manera: 


(X, Y) 


B 
| =(AX+CY, BX+DY)=(XT, YT) 
D 


Se observa, por tanto, que la multiplicación de las coordena- 
das de un punto (X,Y) por una matriz de cuatro elementos puede 
hacerse utilizando las consabidas operaciones de producto y 
suma. 

Aquellas personas que no tienen muy claro qué es una ma- 
triz no vayan a asustarse: a grandes rasgos, y para lo que nos in- 
teresa, basta saber que se trata de un grupo de números dispues- 
tos en rectángulo y delimitados por dos paréntesis, como es el 
caso de: 


matriz de 2x3 de2x2 de2x2 de 1x1 de 2x1 


pS Ú Le 2 
ELA 


SS a 

Nótese que también (X,Y) es una matriz, compuesta en este 
caso por una sola línea (se les denomina entonces “vectores”). Po- 
demos multiplicar matrices entre sí. Por el momento no vamos a 
examinar la manera general de hacerlo; baste saber que pata que 
una matriz de axb y otra de cxd se puedan multiplicar, existe una 
única condición: que “b" y "c” sean iguales. El resultado será en- 
tonces una matriz de axd. Así vimos antes que al multiplicar la de 
1x2 por la de 2x2 resultaba otra de 1x2. La primera de estas ma 
trices representa en nuestro caso las coordenadas del punto (X.Y), 


8l 


8 
y también 13 5l o 


la otra se llama “matriz de transformación”. Dando valores apro-A 
piados a los cuatro parámetros de esta matriz, es decir A, B, € y 
D, podremos obtener las transformaciones deseadas. 

Existe una matriz que no produce ningún efecto, y se llama, 
por tanto, “matriz identidad”. Se trata de 


1 0 


0 l 


Mr 
y tiene la propiedad de dejar inalterados todos los puntos. (Para 
convencerse basta que haga la prueba con la recla vista anterior- 
mente.) 


Podremos obtener algo un poco más interesante con una ma- 
triz del tipo: 


AO 
0D 


cuya función es la de efectuar una transformación de escala en la 
figura. La coordenada “X” de cada punto será multiplicada por el 
factor “A” y la "Y” será multiplicada por “D". Si “A” y “D” son igua- 
les, la figura variará sus dimensiones manteniendo las mismas pro- 
porciones, de otro modo quedará deformada. En ese caso un cua- 
drado, por ejemplo, se transformará en rectángulo. 

Otra posibilidad es ofrecida por la reflexión de la imagen con 
relación al eje "X" o al eje "Y" (Fig. 1). Estas transformaciones se 
obtienen utilizando, respectivamente, las dos matrices 


-1 0 
ON 


1 0 
0 -1 


y | 


Una vez más el motivo del por qué ocurre esto debería estar 
bastante claro si se tienen en cuenta los razonamientos anteriores. 
Basta que realice un ejemplo concreto para que se dé cuenta. 

Una matriz asimétrica, por ejemplo 


| 1 1.2 
0 1 


oroducirá un “estiramiento” de la imagen, en este caso en direc- 
ción del eje Y. Efectivamente, si por ejemplo tenemos el punto 
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FIGURA DE REFLEXION 
PARTIDA SOBRE EL EJE x ROTACION 


y b y FPNy 
a 
Xx x *x 
P 


1 Figura 1.—Al aplicar a cada punto de la figura una matriz de trans- 
formación adecuada pueden obtenerse resultados como los de la Í- 
gura. En este caso se trata de una reflexión sobre el eje “X” y una rotación 
alrededor del origen 


(33) al aplicarle la matriz de transformación anterior pasará a ser 
el (3, 66) 

Otro efecto parecido, pero esta vez en el sentido del eje “X”, 
puede obtenerse al intercambiar de lugar los elementos B y C. 


Rotación alrededor del origen 


Volvemos a tratar una vez más de trigonometría; la matriz: 
COS(T) SIN(T) 
-SIN(T) COS(T) 


tiene la propiedad de rotar toda la figura un ángulo Ten sentido 
contrario a las agujas del reloj (recuérdese que aquí los ángulos 
se miden en radianes). La rotación resultante se hallará centrada 
en el origen (Fig. 1); en otras palabras, el punto (0,0) no se des- 
plaza nunca de su posición. Para probar el efecto sobre el cuadra- 
do del programa 2.15 basta con asignar a la matriz de transforma- 
ción los cuatro valores siguientes, que corresponden a una rota- 
ción de 30 grados (es decir casi 0523 radianes): 


A=COS(T)=0866 
B=SIN(T)=05 
C=-SIN(T)=-05 
D=COS(T)=0.366 


Con esta técnica, al calcular adecuadamente la matriz, podre- 
mos hacer rotar todas las figuras un ángulo cualquiera. Teniende 
en cuenta que es posible modificar las líneas DATA (460-470) para 
codificar una figura diferente, por compleja que sea, empezará a 
hacerse una idea de lo potentes que pueden ser (y sobre todo 
con un uso muy general) los instrumentos puestos a disposición 
de los gráficos computerizados para elaborar imágenes. 


Transformaciones sucesivas 


Supongamos que queremos aplicar a la figura dos transfor- 
maciones, una tras otra; por ejemplo, una reflexión y luego una ro- 
tación. Para hacerlo tendríamos que utilizar, en primer lugar, una 
matriz de reflexión (que llamaremos Ml) y, posteriormente, otra 
de rotación (M2). 

Aparte el hecho de que el programa 2.15 no ha sido previsto 
para utilizar varas matrices en secuencia, existe otro método me- 
jor, En lugar de aplicar a la figura primero M1 y luego M2 para ob- 
tener la transformación deseada, puede obtenerse el mismo re- 
sultado utilizando sólo una matriz M3 igual al producto de M1 por 
M2. Podremos así combinar anticipadamente cualquier transfor- 
mación y obtener una sola matriz que, una vez aplicada a la figu- 
ra, dará el mismo resultado que una secuencia de transformacio- 
nes individuales. 

La regla para multiplicar entre sí dos matrices de 2x2 elemen- 
tos, extensión de la vista anteriormente, es: 


E UR 
G H 


A B AFE+BG - AF+BH 


Gl. a 


CE+DG  CF+DH 


Pero ¡cuidado!: no es lo mismo multiplicar M1 por M2 que M2 por 
M1. Por regla general existe la tendencia a considerar siempre 
cierta la propiedad conmutativa del producto, pero ésta no es vá: 
lida en el caso del producto de matrices. 

Es fácil convencerse al observar que, geométricamente, al re- 
flejar una figura sobre el eje "X” y rotarla luego un cierto ángulo 
se produce un efecto distinto del obtenido efectuando primero la 
rotación (del mismo ángulo) y luego la reflexión. Así, es natura: 
que al hacer lo mismo matemáticamente el resultado sea igual. 

Un ejercicio útil consiste en calcular una matriz de transfor- 
mación equivalente a dos (o más) transformaciones sencillas en 
secuencia, y aplicarla luego a la figura del programa 2.15. Com- 
párese entonces la imagen obtenida con la que habíamos espe- 
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rado ver si hubiese sido posible apiicar las transformaciones una 
después de la otra: si los cálculos son correctos el resultado de- 
bería ser idéntico. 


Un paso adelante: las coordenadas homogéneas 


Todas las transformaciones precedentes poseen un aspecto 
en común: no afectan para nada al punto situado en el origen. Nin- 
guna matriz de entre las examinadas es capaz de efectuar una tras- 
lación de toda la figura; en efecto, hemos visto que la multiplica- 
ción de un punto por una matriz de 2x2 elementos ecuivale al pro- 
ducto de las coordenadas del punto por algunas constantes (A, B, 
C y D), seguido de la suma de los cuatro resultados tomados dos 
a dos, pero en ningún caso se le suma una constante a las coor- 
denadas. 

Un instrumento de manipulación gráfica más potente nace al 
adoptar el uso de las llamadas coordenadas homogéneas. En ellas 

ada punto del plano puede ser localizado con tres números en 
lugar de con los dos de las coordenadas cartesianas o polares que 
ya conocemos. Diremos, por tanto, que: 


O para definir un punto se utiliza una terna de valores (P.QR)' 
e esta terna es elegida de tal modo que las relaciones P/R y 
O/R correspondan a las coordenadas cartesianas e Y” 

e de aquí se deriva que, por cada punto específico (X Y), exls- 
ten infinitas formas de representarlo con las coordenadas 
homogéneas, Hy, efectivamente, infinitas combinaciones de 
P y R tales que X=P/R e Y=Q/R. Tomemos como ejemplo 
el punto (3,5); en coordenadas homogéneas corresponde 
tanto a (6,10,2) como a (9,1533), (35,1) o cualquier otra terna 
que cumpla la relación X=P/R a Y=Q/R; 

e entre las infinitas ternas permitidas utilizaremos para nues 
tros fines sólo la forma (P/O,1) que recibe el nombre de 
coordenada homogénea normalizada Considerando las re- 
laciones anteriores esto equivale a escribir (X Y,1), donde 
“"X" e “Y” son las coordenadas cartesianas nabituales del 
punto (X.Y). 


En definitiva, respecto de la situación anterior ha habido po: 
cos cambios. Entonces, ¿para qué todo este lío? Lo importante es 
que ahora cada punto está definido por tres números, así que po: 
demos transformarlo utilizando matrices de 3x3 elementos, Resul 
ta imposible multiplicar una matriz del tipo (X.Y) por otra de 3x3, 
mientras que es posible hacerlo si el punto está definido por Ires 
valores (X,Y,1), como es el caso de las coordenadas homogéneas 


Sin entrar en detalles de carácter teórico, la multiplicación de 
(XV) por la matriz 


0% 
(5 


equivale a la de (X,Y,1) por la matriz 


e O = 
SAD: 10 
AO 


Esto permite añadir a las transformaciones vistas anteriormen- 
te la única que faltaba, es decir, la traslación. La matriz de 3x3 que 
hay que utilizar para este fin podemos imaginar que ha sido ob- 
tenida de la de identidad de 2x2 elementos, modificada de tal ma- 
nera que se ha transformado en 


l 0-50 
| 0 
HUESO 


El efecto de la transformación de un punto (X,Y, 1D) mediante 
esta matriz consiste, precisamente, en la traslación del punto en 
cuestión, que se convierte en (X+H, Y+K, 1). En efecto, recorde- 
mos que la regla de multiplicación por una matriz de 3x3 elemen- 
tos da como resultado 


A BB: 0 
[AE e: D 0|  =(AX+CY+H, BX+DY+K, 1) 
ELO E Al 


En el caso de que A, B, C y D sean la matriz de identidad ob- 
tendremos precisamente el resultado (X+H, Y+K, 1), como com- 
probará si hace la prueba. 

El elemento “H” genera, por tanto, una traslación sobre el eje 
“X”, mientras que “K” actúa sobre el eje "Y”. Es evidente que al com- 
binar estos valores podremos efectuar cualquier traslación. 

Con las coordenadas homogéneas también es posible reali- 
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zar todas las transformaciones vistas anteriormente: bastará con 
sustituir los cuatro parámetros A, B, C y D, contenidos en la matnz 
de 3x3, por los de la matriz de 2x2 necesaria para efectuar esá 
transformación en concreto. Vamos a poner un ejemplo: una rota- 
ción hacia la izquierda de un ángulo T alrededor del origen se ob- 
tendrá con la matriz 


COS(T)  SIN(T) 0 
-SIN(T) COST) 0 
0 0 1 


Experimentando con coordenadas homogéneas 


Para experimentar las posibles transformaciones con coorde- 
nacas homogéneas se puede utilizar el programa 2.16, 


10 REM ++* PROGRAMA 2.16 + 
20 REM 

30 REM COORDENADAS HOMOGENEAS 
40 REM 

30 REM 

50 X1=0:XD=319:VA=0:YB=199 

70 CX=160:CY=100:FE=1.1 


80 REM 

90 PRINT "K2":S0TO 390 

100 REM 

110 REM TRAZADO DE LOS EJES 

120 REM 

130 FOR X=0 TO XD STEP 2:PLOT X,CY,1:NEXT X 
140 FOR Y=0 TO YB STEP 2:PLOT CX,Y, 1:NEXT Y 
150 REM 

160 REM CLASIFICACIÓN PUNTOS 

170 REM 


180 1(P)=XCP)<X1 

190 D(P)=XCP)>XD 

200 ACP)=Y(PI<YA 

210 B(P)=Y(P)>YB 

220 RETURN 

230 REM 

240 REM CALCULA LOS EXTREMOS 
250 REM 
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260 60SUB 180 

270 V=0:1F 101)*1(2)+D(1)D(2)+AC1)+A(2)+ 
B(1)+B(2)<>0 THEN 350 

280 P=1:1F 1(1)+D(1)+A(1)+B(1)(>0 THEN 310 

290 P=2:1F 1(2)+D(2)+A(2)+B(2)(50 THEN 310 

300 V=1:50T0 350 

310 IF ICP)<>0 THEN Y(P)=Y(1)+(XI-101)3+(Y(2)- 
1199/0102) -X(19)5X(P)=X1:60T0 260 

320 1F DIPI<20 THEN Y(PI=Y(1)+(XD-X(1))+(Y(2)- 
Y (19) /0X02)-X(19):X(P)=XD:G0T0 260 

330 IF ACPI<20 THEN XCP)=X(1)+(YA-Y(1))*(X(2)- 
1199/0102) -1(1)):Y(P)=YA:60T0 260 

340 IF B(PI<50 THEN X(P)=X(1)+(YB-1(1))+(X(2)- 
X(1))/(1(2)-1(19):V(P)=XB:60T0 260 

350 RETURN 

360 REM 

370 REM PROGRAMA PRINCIPAL 

380 REM 

390 PRINT "EJESTE PROGRAMA NUESTRA EL EFECTO" 

400 PRINT "DE UNA MATRIZ DE TRANSFORMACION" 

410 PRINT “DE 343 ELEMENTOS” 

420 PRINT "ILAS COORDENADAS DE LA FIGUR: ESTAN" 

430 PRINT "INTRODUCIDAS EN EL PROGRAMA EN FORMA” 

440 PRINT "DE LINEAS 'DATA!.” 

450 PRINT "(a INTRODUCE LA MATRIZ: (0* 

460 INPUT *A=";A: INPUT *B="5B 

470 INPUT "C=";C: INPUT "D="5D 

480 INPUT "H=";H: INPUT "K="5k 

490 REN 

300 HIRES 1,0:605UB 130 

310 RETORE:READ NS 

320 FOR SE=1 TONS:FOR P=1 TO 2:READ X1,Y1 

330 XT=A4X1+C4V1+H3 YT=B4X1+D4Y1+K 

340 A(P)=FERTHL A+. SV (P)=CY-YT+.5 

330 G05UB 180:NEXT P:GOSUB 270 

360 IF VTHEN LINE X(1),Y(1),X(2),Y(2),1 

370 NEXT SE 

380 REM 

390 GET T$:IF TS="" THEN 390 

600 NAM 

610 PRINT * (11a <ESPACIO?=BASTA, <RETURN?=0TRA VEZ"; 

620 GET T4 


630 1F TS=CHR$(32) THEN PRINT "xa *:END 

640 IF TS=CHR$(13) THEN 390 

650 GOTO 620 

660 REM 

670 REM DESCRIPCION DE LA FIGURA 

680 REN 

590 DATA 21:REM No. SEGMENTOS 

700 DATA 0,0,40,0,40,0,40,38,40, 38, 20, 59 

710 DATA 20,59,0, 38,0, 38,0,0,14,0,14,14 

720 DATA 14,14,26,14,26,14,26,0,6,22,18,22 
730 DATA 18,22,16,34,18,34,6, 34,6, 34,6, 22 
740 DATA 12,22,12,34,22,22,34,22,34,22, 34,34 
750 DATA 34,34,22,34, 22, 34,22, 22,28,22,28, 34 
760 DATA 26,52,26, 56,26, 56,30, 56,30, 56, 30,48 
READY 


Como verá no es otra cosa sino una versión más extensa y me- 
jorada del anterior (2.15). Extensa porque requiere que sean introdu- 
cidos también los valores H y K; mejorada porque incluye una Su- 
brutina de clipping (líneas 160-220 y 240-350) para impedir un blo- 
queo del programa en caso de que la imagen “se salga” de la pan- 
talla. Además, la figura descrita en las líneas DATA que pueden ser 
modificada como se quiera, es más compleja que el cuadrado utili- 
zado anteriormente; se trata en este caso de una casita con una puer- 
ta, ventanas y chimenea (Fig. 2). Como ejemplo de utilización del pro- 
grama, la figura 3 muestra la traslación de la imagen, hecha posible 
gracias a la adopción de coordenadas homogéneas. 


Transformaciones más complejas 


Nuestro propósito es el de obtener con una sola operación el 
equivalente de una serie de transformaciones efectuadas una tras 
otra. Como en el caso anterior, para hacer esto tendremos que mul- 
tiolicar entre sí las matrices correspondientes a las transformacio- 
nes independientes, teniendo cuidado de efectuar los productos 
en el orden adecuado (recuerde que aquí no es válida la propie- 
dad conmutativa). 

La regla para multiplicar dos matrices de 3x3 elementos es la 
siguiente: 


AB CI KL| ¡AJ+BM+CP AK+BN+CQ AL+BO+CR 
DE FIÍmN O|=|DJ+EM+FP DK+EN+FQ DL+EO+PR 
cH1lle or! loj+HM+IP GK+HN+I1Q GL+HO+IR 
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Figura 2.—La casita definida en los DATA del programa 2.16. Al uti- 
lizar una matriz adecuada la imagen puede ser transformada en una 
gran variedad de maneras. 


Resulta un poco enrevesada a la hora de aplicarla, pero proce- 
diendo con calma podrá evitar cometer errores. 

Pongamos, por ejemplo, que queremos rotar la casita del pro- 
grama 2.16 hacia la izquierda 30 grados y que, aprovechando las 
posibilidades que las coordenadas homogéneas nos ofrecen, que- 
remos que tal rotación no se produzca alrededor del origen, sino 
que se halle centrada en un punto arbitrario que escogemos en 
este caso, como el de coordenadas (-10,20). Esto equivale a efec- 
tuar la secuencia de transformaciones siguientes: 


— hacer una traslación tal que el punto (-10,20) que será el 
centro de rotación, se convierta en el origen de los ejes 
cartesianos. Obtenemos esto por medio de una traslación 
del eje "X” de 10 puntos y otra del eje "Y" de -20 puntos; 

— efectuar una rotación, centrada en el nuevo origen, de 30 
grados en sentido opuesto al de las manecillas de un reloj; 

— volver a llevar a su sitio el centro de rotación, con una tras- 
lación de -10 sobre el eje "X” y de 20 sobre el eje “Y”. 


Figura 3.—A diferencia de lo que ocurre con las coordenadas Car- 
tesianas o polares, con las homogéneas es posible efectuar una tras- 
lación de la imagen, como aparece en esta figura. 


La matriz que realiza las transformaciones primera y tercera 
es la de traslación, mientras que para la segunda es necesaria una 
matriz de rotación. Por tanto se tratará de multiplicar entre sí estas 
matrices: 


A AO! COS(T) SIN(T) O L. ¿Duda 
0 E “0 -SIN(T) COS(T) O O O 
Hi. 'K. 01 0 0 1 AH. Ep 


Sustituyendo los valores del ejemplo: 
li 09 0866 05 0 Y O 
Oy de 19 -05 0866 0 A AS, 
10 -20 1 0 0 1 -10 20 1 
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Tras haber efectuado las multiplicaciones con calma (la pri- 
mera matriz por la segunda y luego el resultado por la tercera) 
se obtiene una única matriz de 3x3: 

0866 0.5 0 
-0.5 0.866 0 
8.6 7.68 1 
que, aplicada a la figura, dará origen a la transformación deseada 


(Fig. 4). El programa 2.16 permite comprobar el efecto de esta ma- 
triz sobre la imagen de la casita. 


Figura 4.—Al calcular adecuadamente la matriz de transformación la 

casita podrá sufrir una rotación alrededor de un punto cualquiera, 
que no tiene por qué coincidir con el centro de los ejes. En este caso la 
rotación es de 30 grados en sentido antihorario, alrededor del punto de 
coordenadas (-10,20). 


Es interesante observar que al multiplicar entre sí matrices 
del tipo de las utilizadas para trabajar con coordenadas homogé- 
neas se obtienen como resultado matrices del mismo tipo. En otras 
palabras, el resultado será siempre de la forma: 
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1 


B 0 
Di 
K ] 


LL EA 


en la que la columna de la derecha contiene los valores constan- 
tes 00,1. 


Representar una función 


Vamos a dejar por un momento de lado las transformaciones 
geométricas para dedicarnos a la representación gráfica de fun- 
ciones. Entendemos aquí por función el caso más sencillo: una re- 
lación matemática que liga una variable, llamada dependiente, al 
valor-asumido por otra, llamada por esto variable independiente. 
Indicaremos la primera con la letra “Y” y la segunda con "X”. Cuan- 
do "X” varía lo hará también “Y”, dependiendo precisamente de la 
función elegida. 

Un ejemplo bastante familiar es el de la función seno de un 
ángulo, en dependencia del valor de éste, mostrado en la figu- 
ra 5. La figura se obtiene al representar sobre el eje "X” el valor 
del ángulo, y sobre el eje “Y” el valor del seno (es decir, de la fun- 
ción); se dice entonces que el seno está en función del ángulo. 


Figura 5.—Ejemplo de función: en este caso se trata de una sinusol* 
de de ecuación Y=SIN(X). 
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10 REM ++% PROGRAMA 2.17 +4 

20 REM 

30 REM REPRESENTAR UNA FUNCION 

40 REM 

30 REM 

60 CY=100:MX=319 

70 REM A 

80 REN FUNCION QUE HAY QUE CALCULAR 
90 REM ee 
100 DEF FNA(X)=1/EXP(X+X) 

110 6070 230 


120 REM 
130 REM TRAZADO EJE X 

140 REM 

150 FOR X=0 TO MX STEP 2:PLOT X,CY,1:NEXT ) 
160 FOR X=0 TO MX STEP 10 

170 FOR Y=CY-4 TO CY+4 STEP 2 

180 PLOT X,Y, L:NEXT Y,X 

190 RETURN 

200 REM 

210 REM PROGRAMA PRINCIPAL 

220 REM 


230 PRINT "E1ESTE PROGRAMA TRAZA EL GRAFICO" 

240 PRINT "DE UNA FUNCION Y=F 000." 

250 PRINT "(ILA FUNCION DEBE ESTAR DEFINIDA EN LA" 

260 PRINT "LINEA 100; ACTUALMENTE ES:” 

270 PRINT "CIORIIErIo TECLEA EL COMANDO "GOTO 330" 
S1 ES CORRECTA, * 

280 PRINT "EN CASO CONTRARIO SUSTITUYELA Y LUEGO 
TECLEA" 

290 PRINT "DE NUEVO *RUN' CIOIOIOOODaD * 

300 REM 

310 LIST 100:REM IMPRIME LA FUNCION ACTUAL 

320 REM 

330 INPUT “Kxeraría VALOR MINIMO DE X";X1 

340 INPUT * VALOR MAXIMO DE X";X2 

350 INPUT "(0 ¿CUANTOS PUNTOS HAY QUE CALCULAR?";NP 

360 REM 

370 PRINT “Exam CALCULO DE LA FUNCION” 

380 PRINT *Q PARA" 

390 PRINT "(Y BUSQUEDA DE MINIMO Y MAXIMO” 


400 REN 

410 M=0:5=MX/NP:DX=(X2-11) /MX 
420 FOR X=0 TO NX+.5 STEP S:Y=FNA(X1+XeDX) 
430 1F ABSCYIOM THEN M=ABS (Y) 
440 NEXT X 

450 NO=(CY-2)/M 

460 REM 

470 REM TRAZADO FUNCION 

480 REN 

490 HIRES 1,0:505UB 150 

500 FOR X=0 TO MX+.5 STEP $ 
510 Y=CY-FNACKLELEDO 4ND+.5 
520 1F X=0 THEN 540 

530 LINE XP, YP,X,Y,1 

540 XP=X:YP=Y:NEXT X 

550 REM 

560 GET TS:1F TS="K2" THEN 560 
570 PRINT * * 

READY 


El programa 2.17, con el que finaliza la sección dedicada a grá- 
ficos en dos dimensiones, tiene como fin la representación gráfica 
de una función cualquiera elegida por el usuario. No son necesa- 
rias explicaciones especiales, pues las técnicas empleadas han 
sido utilizadas er su mayoría en otros programas anteriores. Tan 
sólo hay ciertos puntos que merecen Ser señalados: 


— la función que hay que trazar está definida en la línea 100 
en forma de FNA(X), y por tanto es fácilmente modifica- 
ble. La que aparece en el listado corresponde a una curva 
llamada gaussiana o “de campana", 

— para mayor claridad ha sido dibujado sólo el eje X, como 
una línea discontinua de referencia; 

— el programa solicita los valores mínimos y máximo entre 
los que podrá variar “X” para dibujar la función. Por tanto, 
será posible elegir cada vez el intervalo que se desee: para 
la curva del ejemplo puede hacerse la prueba con "X" 
comprendido entre 4 y 4; 

— hay que definir también al número de puntos en los que 
será subdividido el intervalo donde se mueve la variable 
“X". naturalmente, cuantos más puntos hayan sido utilizá 
dos en el cálculo más preciso será el dibujo obtenido. Para - 
la curva introducida en el listado pueden ser suficientes 
50 puntos; 


— el programa efectúa un primer cálculo de la función en 
todo el intervalo indicado, pero sin dibujar nada (líneas 
420-440). El objetivo es el de hallar e! valor máximo (tanto 
positivo como negativo) alcanzado por la función (línea 
430); 

— referido al valor máximo se obtiene un "factor de norma- 
lización” NO (línea 450). La función es calculada de nuevo 
(líneas 500-540) y el factor NO interviene en el cálculo para. 
asegurar que aquélla no se sale en ningún punto del es- 
pacio útil de la página gráfica; ” 

— en las líneas 420 y 500 el límite del bucle de cálculo no es 
MX, sino MX+0.5. 


Esta corrección es útil porque de otro modo, debido al pe- 
queño error de aproximación que se produce inevitablemente en 
cada suma (es decir en el NEXT X), la variable 'X” alcanzaría el 
valor final con una anticipación de un ciclo respecto al número 
de iteraciones previstas (como ocurría en el procrama 2.14). 

Obsérvese, por último, que el programa 2.11, al no utilizar nin- 
guna graduación de los ejes, sirve tan sólo para dar una idea cua- 
litativa de la función que se está estudiando. Además, no se esta- 
blece ninguna protección contra un error típico que puede ocu- 
rrir durante el cálculo: el que en un punto el valor de la función 
tienda al infinito, como puede ocurrir si, al calcular el valor de la 
coordenada “X” de ese punto, el programa trata de efectuar una 
división por cero. 

He aquí una breve lista de funciones que pueden ser expe- 
rimentadas: 


— FNA(X)=SIN(X), con X comprendido entre O y 6.28 (¡en:ra- 
dianes!); 

— FNA(X)=SIN(X)/X, con X comprendido entre O y 25.13 (es 
decir 8PlI); 

— FNA(X)=X*X (0, lo que es lo mismo, X"2), con X compren- 
dido entre -10 y 10. 


Cada una de estas funciones puede ser trazada de una forma 
¿ceptable con 50 puntos. 


GRÁFICOS EN TRES DIMENSIONES 


e todas las técnicas tratadas en este libro, las re- 
lativas a gráficos tridimensionales representan, 
sin duda alguna, el aspecto más intresante. Se 
trata de superar las limitaciones impuestas por 
la pantalla, de dos dimensiones, y representar 
en perspectiva imágenes de sólidos o funciones 
en tres dimensiones. Para obtener este resulta- 
do no se necesita nada particular: basta proce- 
der con orden y seguir atentamente la teoría ex- 
puesta a continuación. 

Las técnicas que utilizaremos requieren el conocimiento de al- 
gunos conceptos geométricos y matemáticos que no podremos 
demostrar muy ampliamente en este libro. De todas formas, las ex- 
plicaciones que van incluidas son suficientes para entender los 
programas, e incluso modificarlos, a fin de hacer experimentos, 
cosa que aconsejamos decididamente. 


Coordenadas de un punto en el espacio 


Para localizar un punto sobre un plano hemos utilizado dos 
métodos diferentes: las coordenadas cartesianas y las polares, Al 
pasar ahora al espacio será necesario añadir un tercer valor a las 
coordenadas cartesianas, ya que nos hallamos cen una dimensión 
más (Fig. 1); así que ahora cada punto se identificará con tres nú 
meros: X,Y,Z. 

Lo mismo vale en relación con las coordenadas polares, que 
toman en este caso el nombre de coordenadas esféricas. La ligura 
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>) Figura 1.—El espacio ya no está referido a dos, sino a tres ejes car- 
tesianos. Para localizar la posición de un punto P se necesitarán, por 
tanto, tres coordenadas. X, Y,Z. 


2 muestra que también con estas coordenadas es necesario utili- 
zar tres números (dos ángulos y una distancia) para identificar un 
punto. 


Representación en perspectiva 


Nuestro propósito es obtener en la pantalla una imagen de 
un sólido tridimensional visto en perspectiva. Como es lógico ese 
resultado se puede obtener utilizando una serie de técnicas dife- 
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EN Figura 2.—Si se utilizan coordenadas esféricas el mismo punto P de 
la figura 1 estará definido por los ángulos 9 (theta) y $ (phi) y por 
la distancia p (rho) al origen. El ángulo € se mide, en sentido contrario al 
de las agujas de un reloj, en el plano Xy a partir del eje X, mientras que 

se mide entre el eje z y la recta que une el origen con P. p es la distancia 


de P al origen. 


rentes entre sí. Nosotros emplearemos una de ellas en concreto 
que consiste en seguir uno tras otro los siguientes pasos: 


1. Se establece en primer lugar la posición del observadol 
en relación con los ejes cartesianos. En este caso resulta 
más cómodo utilizar las coordenadas esféricas, así que esa 
posición (que llamaremos "P”) se define mediante los va: 
lores de los ángulos 8 (theta) y $ (phi) y de la distancia al 
origen p (rho) (Fig. 2). Es evidente que al observar un Ob 
jeto tridimensional bajo puntos de vista diferentes, Su 10": 
presentación en perspectiva también variará. 


2. Se transforman las coordenadas X.Y Z de cada punto de for+ 
ma que están referidas, no ya a los ejes cartesianos, que lla- 
mamos habitualmente x,y,z, sino a una nueva terna de ejes 
cuyo origen coincide con la posición Jel observador Indi- 
caremos estos nuevos ejes como x'y'z'. La figura 3 puede 4 
servir de ayuda para entender esta situación. 


z , z o 
3. Por medio de operaciones de rotación se orientan los ejes 


xy z' de forma que z' se halle dirigido hacia el origen del 
sistema cartesiano de partida y que el eje x' esté en posi- 
ción horizontal y dirigido hacia la derecha (mirando hacia 
el origen), mientras que y' debe estar vertical y hacia arri- 
bal (para lograr esta combinación debemos cambiar de sig- 
no. el eje x” resultante de las rotaciones). Asignaremos a la 
nueva terna de ejes el nombre de xo, yo, zo (Fig. 4). 

4. Por último Se proyecta cada punto del objeto que hay que 
representar sobre un plano paralelo a (xo, yO). Al señalar 
en la página gráfica la posición de los puntos proyectados 
y unirlos luego entre sí en el orden correcto (como ya ocu- 
rría por las técnicas anteriores) se obtiene finalmente la re- 
presentación en perspectiva del objeto en cuestión (Figu- 
ra 5). 


POSICION 
DEL OBSERVADOR= 


SISTEMA DE 
REFERENCIA ————=> 
ORIGINAL 


RISE 
DE LOS EJ 
ORIGINALES. SL 


Figura 3.—La posición del observador, "P”, se define en el habitual 

sistema de ejes mediante sus coordenadas esféricas 0 dp. En este 
punto'se sitúa el origen de un nuevo sistema de referencia, cuyos ejes 
X.y,z' son paralelos a los originarios x,yz. 
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Ñ 
K 


ANTES DE LA NUEVA 
ORIENTACION 


xo 


DESPUES DE LA 
NUEVA ORIENTACION 


Figura 4.—Al aplicar dos rotaciones sucesivas el sistema de referen- 
cia x.y,z' (paralelo a X,y,Z) Se transforma en otro sistema diferente 
X0,Y0,Z0. 


Vamos a examinar ahora uno por uno los cuatro pasos de la 
técnica de representación tridimensional utilizando un programa. 


10 REA £e% PROGRAMA 3,1 +** 
20 REM 

30 REM OBJETO TRIDIMENSIONAL 
40 REM 

50 REM 

60 CX=160:CY=100:FE=1.1 

70 RH=5:TH=.5:PH=1:D=400 

80 S1=SIN(TH):C1=COSCTH) 

390 S2=SIN(PH):C2=C05(PH) 

100 HIRES 1,0:60T0 250 

110 REM 

120 REM CALCULO COORDENADAS VISUALIZACIÓN 
130 REM 

140 X0=-X:51+YaC1 


101 


Figura 5.—Para obtener la imagen en perspectiva se proyecta cada 
punto de la figura originaria, en este caso un cuadrado con sus dia- 


gonales, sobre un plano paralelo al formado por los ejes “xo” e "yo". Para 
que resulte más sencillo, en el ejemplo ha sido proyectada una figura bi- 
dimensional (el cuadrado), pero el mismo concepto valdrá también para 
sólidos. 
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150 YO=-X4C19C2-VAS14C2+7482 
160 10=-Xe52401-Y+S2451-24C24RM 

170 XV=.5+CX+D+X0/Z0+FE 

180 YV=.5+CY-D*Y0/20 

190 RETURN 

200 REM 

210 REM PROGRAMA PRINCIPAL 

220 REM 

230 REM EJES X,Y,2 

240 REM 

250 FOR 1=1 10 3 

260 READ X,Y,2:G0SUB 140: XP=XV:YP=YV 

270 READ X,Y,2:G0SUB 140:LINE YP,YP, XV, YY, 1 
280 NEXT 1 

290 REN 

200 REM CUBO 


310 REM 

320 FOR 1=1 TO 2:FOR J=1 TO 5 

330 READ X, Y, 2:605UB 140 

340 IF J=1 THEN 360 

350 LINEA XP, YP,XV,YV,1 

360 XP=XV:YP=YV:NEXT J,1 

370 FOR 1=1 TO 4 

380 READ X, Y, 2:G0SUB 140: XP=XV: YP=YV 
390 READ 1, Y,7:605UB 140;LINE XP, YP, XV, VW, 1 
400 NEXT 1 

410 REM 

420 GET TS:1F T$="" THEN 420 

430 END 

440 REM 

450 REM DEFINICION DE LA FIGURA 


Primer paso: fijar la posición del observador 

El punto desde donde miramos un objeto tridimensional del 
que queremos obtener una imagen en perspectiva puede definir- 
se como se quiera. Basta con asignar a tres variables las tres cool- 
denadas esféricas de la posición del observador. En el programa 
3.1 son utilizados RH, TH y PH (línea 70), que representan, respec- 
“ivamente, la distancia al origen "p”, el ángulo horizontal "0" y el 
vertical “p” del punto "P”. 

El motivo por el cual se utilizan coordenadas esféricas, en lu 
gar de las habituales rectangulares, es el de hacer más sencillo 
tanto el desplazamiento arbitrario del punto “P” como los cálculos 
que seguirán. 

Refiriéndonos de nuevo a la figura 3, donde la posición del ob 
servador es indicada como "P”, notamos que un ángulo 0 igual a . 
cero significa que aquél ve el objeto a lo largo de la dirección del 
eje “X”. Si, en cambio, el ángulo $ vale cero, el punto de vista 10 
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halla por encima del objeto, en la dirección del eje “Z”. En la línea 
10 se asigna también un valor a la variable “D", de la que habla- 
remos más adelante. 


Segundo paso: transformación de las coordenadas 
en el nuevo sistema de referencia 


Sea un punto genérico situado en el espacio, que indicare- 
mos como “A”. Utilizando un sistema de referencia cartesiano, cu- 
yos ejes sean x,y.z la posición del punto está definida por la terna 
de coordenadas X,Y,Z, así que llamaremos este punto A(X,Y.Z). 

Imaginemos ahora que hacemos una operación un tanto ex- 
traña: dejamos inalterada la posición del punto “Y” en el espacio, 
pero desplazamos los ejes cartesianos. Este desplazamiento es tal 
que no se produce rotación alguna, y los nuevos ejes se mantie- 
nen paralelos a lcs anteriores. Obtendremos así otro sistema de re- 
ferencia cuyos ejes recibirán el nombre de x'y'z' (Fig. 6). 

Pero volvamos a nuestro punto “A”, cuya posición en el siste- 
ma de referencis originario está dada por los tres valores X,Y.Z. 
La posición de este mismo punto “A” se podrá referir también a 
la nueva terna de ejes x'y'z' sin que, obviamente, se produzca va- 
riación alguna del punto. Obtendremos entonces tres coordena- 
das, naturalmente diferentes que las primeras, que esta vez indi- 
caremos con X'Y,Z. 

Pero atención: ya hemos dicho que el punto “A” no se ha mo- 
vido durante la operación de traslación de los ejes, luego como 
la medida de ese desplazamiento es conocida, debe ser posible 
calcular las nuevas coordenadas X',Y'Z' a partir de las antiguas 
(X,Y,Z). 

Para medir el desplazamiento sufrido por los ejes indicare- 
mos con “P” la posición del nuevo origen, medida siempre res- 
pecto del sistema x,y,z (Fig. 6). Esa posición se identifica con tres 
coordenadas, que llamaremos XP, YP, ZP. No resulta entonces di- 
fícil deducir que las coordenadas del punto “A” en el nuevo sis- 
tema de referencia son: 


X'=X-XP Y'=Y-YP Z=Z-ZP 


Pero... un momento: esto es sólo una senci'la operación de tras- 
lación de un punto a lo largo de un eje, parecido al que ya vimos 
al tratar de figuras bidimensionales; en realidad, el desplazamien- 
to del origen de un sistema de referencia produce el mismo re- 
sultado que el desplazamiento de de posición del punto “A” una 
distancia opuesta. 
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Figura 6.—Al realizar el segundo paso nos encontramos con dos sis" 
temas de referencia cuyos ejes son paralelos. En esta situación todo 
punto “A” de coordenadas conocidas X,Y,Z podrá ser fácilmente referido 


al nuevo sistema X.y,z' por medio de las coordenadas X,Y,2. 


Al tratarse de una simple traslación, para introducirla en nues- 
tros cálculos utilizaremos una vez más una matriz de transforma- 
ción. Vamos a explicar de qué manera: como ya dijimos “P” es la 
posición del observador, que hemos expresado en coordenadas 
esféricas. Como para efectuar la traslación necesitamos coorde 
nadas rectangulares tendremos que hacer una transformación, Va: 


mos a definir en primer lugar cuatro nuevas variables (líneas 80 
y 90) haciendo uso de las utilizadas anteriormente: 


S1=SIN(TH) C1=COS(TH) ! 
S2=SIN(PH) E2=COS(PH) 
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Utilizaremos nuevamente una regla de trigonometría que es- 
tablece que las coordenadas rectangulares de cualquier punto, 
por ejemplo el “P”, pueden obtererse simplemente a partir de las 
esféricas mediante las relaciones siguientes (que no vamos a de- 
mostrar en este libro); 


XP=RH*C1*S2 
YP=RH*S1*S2 
ZP=RHA*C2 
Recuerde que la terna XP, YP, ZP señala la posición del ob- 
servador en el sistema de ejes cartesianos inicial x,y.z. 
Construimos por último una matriz de traslación, que será uti- 
izada para desplazar la posición de cada punto una cantidad 
OPUESTA a la que habíamos dicho. En el espacio tridimensional 
las coordenadas homogéneas poseen, naturalmente, cuatro tér- 
minos, así que la matriz de traslación estará en este caso consti- 
tuida por: 


1 EN O AS 2. 
0 l Do “9 
O q l 0 
E 1 


que al ser multiplicada por un punto genérico (X,Y,Z,1) lo despla- 
za a una nueva posición dada por 


(X+H, Y+K, Z+L, 1) 
Tras combinar los resultados obtenidos hasta ahora, la trans- 


formación que se requiere para cumplir el segundo paso se rea- 
liza aplicando la matriz 


1 0 0 0 
0 1 0 0 
0 0 1 0 


-RH*C1*S2 -RH*S1*S2 =RH*G82 1 


con la cual desplazamos cualquier punto en -XP, -YP, -ZP. 
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Tercer paso: reorientación de los ejes 


La tercera fase de esta técnica consiste en una nueva modi- 
ficación del sistema de referencia: no se trata esta vez de una lras- 
lación, sino de una rotación de los ejes. La figura 4 muestra clara- 
mente cómo se presenta el sistema cartesiano antes y después 
de la nueva transformación. Por qué tenemos que recurrir a esta 
rotación se explica rápidamente: queremos que el siguiente paso, 
es decir la proyección de la imagen sobre un plano, resulte más 
sencilla. 

Empezamos con una rotación del sistema de referencia alre- 
dedor del eje z' en el sentido de las agujas de un reloj (mirándolo 
desde arriba). El ángulo de rotación debe ser tal que lleve el eje 
Y a una posición perpendicular al segmento que une P con el ori- 
gen O. Observando la figura 7 comprenderemos que Se necesita 
una rotación de 90-68 grados. 

En el párrafo anterior, al referirnos a las traslaciones, había- 
mos comentado un principio básico: una transformación del siste- 
ma de referencia modifica las coordenadas de un punto cualquie- 
ra del mismo, de modo que éstas son modificadas como si apli- 
cáramos al punto una transformación igual, pero de sentido opues- 


lo) 


SENTIDO DE 
ROTACION 


10 Figura 7.—La situación tal y como se ve vista “desde arriba” (por 
esos los ejes z,z' son invisibles). El ángulo de rotación necesario para: 
llevar los ejes x;y' a la posición indicada por la línea discontinua 08 clo 


90-68 grados. 
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lo. Esta regla es general y resulta por tanto válida tanto en trasla- 
ciones como en rotaciones. 

Es posible hacer que un punto rote un ángulo “A” alrededor 
del eje “z” (en sentido contrario a las agujas del reloj) utilizando 
una matriz de transformación. La teoría, de la que no daremos aquí 


demostración, indica que la matriz que hay que aplicar es: 
COS(A) SIN (A) 0 0 


-SIN(A) COS(A) 0 ON 
0 0 1 0 
0 0 0 l 


Aplicando la regla anterior esta matriz permite también que 
todo el sistema de referencia gire en el sentido de las agujas del 


reloj un mismo ángulo (transformación opuesta), que es precisa- 
mente lo que necesitamos. 

Decíamos que la rotación necesaria era de 90-80 grados. Dis- 
ponemos de dos relaciones trigonométricas que determinan: 


SIN(90-A)=COS(A) COS(90-A)=SIN(A) 


Veamos cómo afecta esto a la matriz anterior. El primer ele- 
mento es COS(A); en nuestro caso el ángulo de rotación "A” vale 
90- 0 grados; luego este elemento se convierte en COS(90-TH) 
que, por una de las relaciones precedentes, sabemos que es igual 
aSIN(TH). Al hacer lo mismo en toda la matriz ésta se convierte en: 


SIN(TH) COS(TH) AO 
-COS(TH) SIN(TH) Us 20 
0 0 1 0 

0 0 0 1 


O también, usando las variables BASIC definidas para este 
programa: 


SUPL 0 
Gl 5150 0 
A! 0 
OOO 1 
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La segunda rotación de que hemos hablado está ilustrada en 

la figura 8. Se trata de rotar el sistema de ejes un ángulo de 180-d) 

grados alrededor del eje “X'” (en sentido opuesto a. de las agujas 

del reloj). La matriz que efectúa la rotación de un punto un ángulo 
je “X” en sentido antihorario es: 


A alrededor del ej 
l 0 0 0 
O COS(A) SIN(A) 0 
O  -SIN(A) COS(A) 0 
0 


0 0 1 


SENTIDO | 
ROTACION 


Figura 8.—La situación está vista “de lado”, de forma que el eje "x” 

sea invisible ("x"” no es ya perpendicular al plano del papel, pero 
no ha sido dibujado para mayor claridaa). Lo que queremos es hacer ro: 
tar el sistema x;y,z' alrededor del eje X' hasta que z' coincida con el seg: 
mento que une O con P. Para hacer esto se necesita una rotación, contraria. 
a la de las agujas de un reloj, de 1 80-p grados. Después de la rotación, 01 
eje “y” estará en la posición indicada por la línea discontinua, 
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Esta misma matriz servirá para girar los ejes en el sentido 
cpuesto (horario), pero como lo que deseamos es girarlos en el 
antihorario deberemos usar la matriz: 


vd 0 0 0 
O COS(A) -SIN(A) 0 
O  SIN(A) COS(A) 0 
0 0 0 ] pa 
que gira los ejes en sentido antihorario, 
También en este caso utilizamos unas relaciones trigonomé- 
tricas que permitirán simplificar el trabajo: 
SIN(180-A)=SIN(A)  COS(180-A)=-COS(A) 
dado que, tal y como indica la figura 8, el ángulo que se necesita 


es de 180-0 grados, la matriz para esta segunda rotación se con- 
vierte en: 


1 0 0 IS TR 
O -COS(PH) -SIN(PH) 0 O EE =5810 
O  SIN(PH) -COS(PH) 0 lo sz -c20 
0 0 0 1 ATA MO 


donde la matriz de la derecha utiliza las variables del programa 3.1. 

Si aplicamos a cada punto las matrices vistas hasta ahora, el 
sistema de referencia se transformará en el que aparece en las fi- 
guras 4 y 5 como x”, yo, zo, donde el eje x” estará dirigido en sen- 
tido opuesto al que queremos, es decir, al de xo. Lo que tenemos 
que hacer ahora es situar correctamente el eje x”. Esta operación 
consiste tan sólo en cambiar el signo en la coordenada X de to- 
dos los puntos y esto puede hacerse aplicando una matriz que se 
parece mucho a la de identidad: 


ROA O) 0 
Bu. 1 0 0 
gq Y ] 0 
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De esta manera hemos obtenido por fin el sistema de refe: 
rencia deseado, según la posición del observador, los ejes se in- 
dican con Xo,y0,Z0. 


Cálculo de la transformación resultante 


Ya sabemos que es posible efectuar una transformación com- 
plicada sirviéndonos de una sola matriz, con tal de que ésta sea 
el producto de distintas matrices que corresponden a las transfor- 
maciones elementales que queremos aplicar. En este caso las 
trensformaciones que hay que efectuar en secuencia son cuatro: 
una traslación, dos rotaciones y una simetría. 

A pesar de no ser difícil, el hecho de multiplicar cuatro ma- 
trices de 4x4 elementos cada una resulta bastante complejo, así 
que no vamos a desarrollarlo aquí. Nos bastará, paza nuestro Ob- 
je:ivo, conocer la matriz resultante que, como puede verse, no es 
particularmente compleja: 


=S1 -C1*C2 -Cc1'S2 0 
Cl =S51*C2. SP 0 
0 S2 -C2 0 
0 0 RH 1 


Además de los senos y cosenos de los ángulos 0 y q, puede 
verse que en la matriz aparece también la distancia del observa- 
dor al origen, que hemos indicado como p (variable RH). La trans- 
formación de cada punto se obtiene, como ya sabemos por los ca- 
pítulos anteriores, al multiplicar las coordenadas del punto por la 
matriz de transformación (las reglas para hacerlo se explican más 
adelante). En el programa es efectuada por las líneas 140-160; las 
coordenadas resultantes son asignadas a las variables XO YO ZO 
(recuérdese que ¡a letra “O” significa “observador”. 


Cuarto paso: proyección sobre un plano 
de cada punto de la figura 

Lo que queremos obtener con la cuarta y última fase de esta 
técnica aparece en la figura 5: proyectar cada punto del objeto ¡o 


bre un plano para obtener una imagen en perspectiva. El plano 
debe ser perpendicular al segmento que une el observador "P" y 


Mi 


el origen “O”, paralelo por tanto al plano XO,YO, se trata de una - 
superficie situada enfrente de quien está mirando. Será la pantalla 
del monitor de vídeo. 

Esta operación significa que tendremos que asignar a cada 
punto, de coordenadas X,Y,Z, del sólido originario otro correspon- 
diente en el plano de proyección. Cada uno de estos puntos es- 
tará definido por sólo dos coordenadas, que llamaremos XV e YV. 
En este caso la letra “V” indica que se trata de coordenadas para 
la visualización. 

El mecanisrro de la proyección aparece en la figura 9. El sis- 
tema de referencia es el relativo al observador (xo,y0,z0) ya que, 
tras haber aplicado la matriz de transformación (obtenida por los 
tres primeros pasos del procedimiento) cada punto XO,YO,ZO es- 
tará referido con relación a este sistema. La figura está vista “des- 
de arriba”, de ahí que el eje “yo” no sea visible y el plano de pro- 
yección aparezca cortado. 

Sea un punto genérico "A” del que queremos obtener la pro- 
yección correspondiente “A” en el plano de proyección. En el sis- 
tema de ejes utilizado, las coordenadas de “A” serán XO,YO,ZO (en 


<Ú> 
a figura aparecen sólo XO y ZO). Nótese que los triángulos PBA 


y PER (ambos rectángulos) son semejantes, así que será cierta 
la siguiente relación matemática: 


Recordando que la distancia del plano de proyección al ob- 
servador ha sido indicada con la variable “D” y sustituyendo en 
la relación anterior las coordenadas del punto “A” y de su pro- 
yección “A”, obtenemos: 

XO _Z0 


A D, 


de donde se decuce que la coordenada “X” de la proyección “A” 
del punto “A” vale 


XV =D*XO/ZO 


Para obtener la otra coordenada, es decir YV, se hará lo mis- 
mo, pero observando esta vez la situación “de lado” (en este caso 
el que no será visible será el eje “xo”). Las relaciones geométricas 
y matemáticas son las mismas que las que hemos visto ahora y 
dan como resultado: 


YV=D*YO/ZO 
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zO 


PLANO DE PROYECCION 


zO 


DISTANCIA AL PLANO DE PROYECCION (D) 


POSICION DEL OBSERVADOR 


1] Figura 9.—La proyección de un punto A sobre un plano paralelo al 
formado por los ejes “x” e “y” y situado a una distancia D de éste, 
se halla aplicando las reglas de los triángulos semejanies. En la figura se 
muestra el procedimiento válido para las coordenadas X (el eje “yo” "sale" 


perpendicularmente del papel). Los triángulos BPA y B'PA'son semejantes, 


Estos valores XV e YV no-son otra cosa que las coordenadas 
sobre la pantalla de vídeo de la proyección en perspectiva de un 
punto cualquiera X,Y,Z perteneciente al sólido originario, ) 

Lo único que queda por hacer es la transformación necesaria, 
ya efectuada en otros programas, para llevar los dos ejes carlo: 
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sianos de la página gráfica al centro de la pantalla y reducir los 
errores de redondeo. Las variables XV e YV calculadas por el pro- 
grama comprenden ya esta última transformación: todo ello es 
efectuado de forma combinada por las líneas 170 y 180, 

Al ejecutar el programa 3.1, cuyo principal procedimiento de- 
bería estar claro, aparecerá en la pantalla la imagen en perspec- 
tiva de un cubo. La figura que hay que dibujar, es decir, el cubo, 
está definida por medio de una serie de líneas DATA, desde la 
470 a la 530, El programa también dibuja los tres ejes cartesianos 
del sistema de referencia originario x,y,z en el que ha sido defini- 
do el cubo. Esto es efectuado por las líneas 250-280 y sólo sirve 
para que la imagen resulte más comprensible. Los DATA relati- 
vos al dibujo de los tres ejes son los que figuran en las líneas 
470-490. 

Después siguen las coordenadas de los vértices del cubo (Fi- 
gura 10). La línea 500 contiene la posición de los cuatro vértices 
de la cara anterior, la 510 la de la posterior. Hay cinco grupos de 
coordenadas por cada cara, ya que para unir cuatro puntos con 
cuatro segmentos es necesario completar toco el “giro” entre ellos 
(de ahí que el primer punto aparezca también como último, al que 
habrá que regresar para cerrar la superficie). Los cuatro segmen- 
tos que faltan para completar el cubo son trazados por las líneas 
370-400, sirviéndose de los DATA que se hallan en las líneas 520 
y 530 


Cuestión de puntos de vista 


Las dimensiones de la imagen en perspectiva que obtenemos 
sobre la pantalla dependen de dos factores: el primero es la dis- 
tancia del observador al origen, que hemos RcEAnO con RH; el 
otro, la distancia "D" entre el observador y sel plano de proyec- 
ción, Bastará meditar brevemente acerca de la figura 5 para con- 
vencerse de que: 


— si el observador se acerca al objeto (es decir, RH dismi- 
nuye) las dimensiones de la proyección aumentarán; 

— silo que se acerca es el plano de proyección (y por tanto 
D disminuye) la imagen se hará más pequeña. 


Podría parecer entonces que una disminución de RH se com- 
pensaría con un aumento adecuado de “D", pero en realidad esto 
es posible sólo en parte; veamos por qué. Consideremos las dos 
ecuaciones que vermiten obtener XV e YV (líneas 170-180). En 
ellas "D” aparece como factor de un producto, así que podemos 
decir que tanto XV como YV son proporcionales al valor de “D" 
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1,1,0 


MN Figura 10.—En la figura se indican las coordenadas de los ocho vér- 
tices del cubo del programa 3.!, además de las de los puntos utili- 
zados para trazar los ejes. El hecho de que el lado mida 1 no es esencial; 
al modificar “D” se le podrá asignar cualquier otra medida, 


(aparte de las constantes utilizadas para llevar los ejes al centro 
de la pantalla). Pero el caso del parámetro RH, que aparece como 
término de una suma en la línea 160, es diferente: no sólo el re- 
sultado de la expresión (ZO) no es proporcional a RH, sino que su 
valor no influye sobre XO e YO. Podemos deducir de esto que, 
además de actuar sobre las dimensiones de la imagen. la varla 
ción de RH y de "D" provoca otros efectos 
al ir acercándose al objeto (disminuye RH) éste nos ap 
recerá cada vez más deformado, del mismo modo que sl 
estuviéramos utilizando una máquina fotográfica provista 
de un gran angular como objetivo; 
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— independientemente de esto, podemos modificar cuanto 
queramos las dimensiones de la imagen (pero no sus pro- 
porciones) al variar la distancia "D', Esta operación equi- 
vale a desplazar adelante y atrás una pantalla sobre la que 
estamos proyectando una diapositiva: la imagen se hará 
más grande o se reducirá manteniendo las proporciones 
inalteradas. 


Si observa con un poco de atención el dibujo creado por el 
programa 3.1 notará precisamente una ligera distorsión de la ima- 
gen, como si estuviera observando el dibujo desde muy cerca. 
No se trata de un defecto: los parámetros del programa han sido 
elegidos precisamente para hacer más evidente este resultado; si 
quiere puede tratar de cambiarlos y ver qué ocurre. 


Control total de la imagen 


Después de haber aprendido la técnica, en muchas personas 
surgirá el deseo de hacer algún experimento. El programa 3.2 per- 
mite introducir a través del teclado los cuatro paráme- 
tros RH, TH, PH y D de manera que pueda obtenerse uno cual- 
quiera de los efectos descritos hasta ahora. 


10 REM +ee PROGRAMA 3.2 4%* 
20 REN 

30 REM CON NUESTRO PUNTO DE VISTA 

40 REN , 

50 REM 

60 XI=0:XD=319:VA=0:YB=199:FE=1.1 

70 CX=INT(AD/2):CY=INTEYB/2) 

80 RH=35:TH=30:PH=60:D=400 

30 GOTO 560 

100 REM 

110 REM CALCULO COORDENADAS VISUALIZACION 
120 REM 

130 XD=-Xe51+Y4C1 

140 YO=-X4C1EC2-Y+S 18247482 

150 Z0=-XeS24C1-Ve52451-24C2+RH 

160 XY=. S+CX+DEXO/ZORFE 

170 YV=,5+CY-D*Y0/20 

180 RETURN 

190 REM 
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200 REM CLASIFICACIÓN PUNTOS 
210 REN 

220 HPS=XCPICA 

230 DiPo=AC7 ID 

240 ACPI=YLPICYA 

250 BiPo=Y (PDA YB 

260 RETURN 


270 REM 

290 REM CALCULA LOS EXTREMOS 

290 REM 

300 G0sUB 22 

310 V=0:1F 10041 (2IADCD ADAL CZ)+ : 


B(1)+B(2)(>0 THEN 390 

320 P=1:1F 1(0+D(1)+A(1)+B(1)<00 THEN 350 

330 P=2x1f 12)+D(23+402)+B02)<70 THEN 350 

340 V=1:60T0 390 

350 1F 1029200 THEN VU) =Y (DOLO) YE) 
101304 0002)-X01)):X(P)=X1:60T0 300 

360 IF D(PICO THEN Y(P)=YC1)+CID-X (13) 0102)- 
ODIO) -X 010): X(P3=XD:60T0 300 

370 IF ACPICOO THEN X(P)=X01)+(1A-Y (19301 02)- 
1009/0002) 101): 1(P)=YA: 5070 300 

390 IF B(P)2)0 THEN XCP)=X01)+0Y8-1(1)3(X(2)- 
X0109/0702)-1019):V(P)=YB:6070 300 

330 RETURN 

400 REM 

410 REM PETICION PARÁMETROS 

420 REM 

430 PRINT "KAPARAMETROS PARA LA VISUALIZACIÓN” 

440 PRINT "Ia DISTANCIA RHO (OBSERVADOR)... "¿RH 

450 PRINT "ANGULO THETA (HORIZONTAL). ...."7TH 

460 PRINT "ANGULO PHI (VERTICAL). oo.ooooo. "¡PH 

470 PRINT “DISTANCIA D (PROYECCION). ....."5D 

480 PRINT "EI"; TAB(30);: INPUT RH 

490 PRINT 'TO'¡TAB(30);: INPUT TH 

560 PRINT "(0';TAB(S0);: ¿NFUT PH 

510 PRINT "q'¡TAB(30);: INPUT D 

320 RETURN 

330 REM 

540 REN PROGRAMA PRINCIPAL 
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330 REM, 

360 GOSUB 430: HIRES 1,0 

370 51=SINCTH/190*P 1): 1=C0S(TH/190+P 1) 
380 52=SIN(PH/180*P1):C2=C05(PH/180*P1) 
5960 RESTORE:READ NS 

600 FOR SE=1 TO NS:FOR P=i Tú 2 

610 READ X,Y,2:G05UB 130:X(P)=XV:Y(P)=YV: 


505uB 220 
620 NEXT P 5 
630 G0SUB 310:1F Y THEN LINE X(1),Y(1),X(2),Y(2),1 
340 NEXT SE 
650 REM 


660 POXE 196,0:REM A CERO BUFFER TECLADO 

570 SET T$:1F T$="" THEN 670 

680 PRINT "CI":NRM:PRINT "Gx0 TECLEA <RETURN? PARA 
CONS INUAR" 

690 GET T$:1F T$="" THEN 690 

700 1F TS=CHRALSS THEN 360 


710 END 
720 REM 

730 REM DEFINICION DE LA FIGURA 

740 REM 

750 DATA 14:REM No. SEGMENTOS 

760 DATA 1,0,0,1,0,1,1,0,1,1,1,1,1,1,1,1,1,0 
770 DATA 1,1,0,1,0,0,0,0,0,0,0,1,0,0,1,0,1,1 
780 DATA 0,1,1,0,1,0,0,1,0,0,0,0,1,0,0,0,0,0 
730 DATA 1,0,1,0,0,1,1,1,0,0,1,0,1,1,1,0,1,1 
800 DATA 1,0.33,0,0,0.33,1,1,0.66,0,0,0.66,1 


READY 


Para trabajar en la forma que resulta más habitual, los ángulos 
son expresados en grados; el programa se encargará de transfor- 
marlos en radianes antes de seguir calculando (líneas 570-580). 
Observará que en este nuevo programa ha sido añadida una su- 
brutina de clipping (líneas 200-260 y 280-390) para que no sea ne- 
cesario preocuparse de que los parámetros produzcan una ima- 
gen que se salga de los límites de la pantalla. 

Varía también la manera de describir en las líneas DATA el 
sólido que va a ser dibujado (desde la 750 a la 800). Para ello se 
consideran uno por uno los segmentos que constituyen el objeto: 
la primera cantidad que aparece en los DATA indica su número, 
que se asigna posteriormente a la variable NS en la línea 590. Si- 
guen luego dos grupos de tres coordenadas (X,Y,Z) por cada uno 
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de los segmentos que hay que trazar. En el ejemplo hay 14 509: 
mentos, así que las coordenadas son en total 84. Como ya sabrá 
de sobra es posible modificar los DATA para cambiar completa- 
mente el tipo de sólido que se va a visualizar. 

Tal y como está, el programa dibuja nuevamente un cubo, 
pero esta vez sin los ejes cartesianos. Para no crear confusión acer- 
ca de la orientación del sólido visto en perspectiva se han añadi- 
do en su interior dos segmentos diagonales, que permitirán darse 
cuenta de los cambios de posición. 

A la hora de asignar un valor a los cuatro parámetros, respon- 
diendo a las peguntas formuladas, esta versión del programa (para 
el Commodore 64) permite confirmar el valor del parámetro in- 
troducido previamente al pulsar la tecla RETURN, sin tener nece- 
sidad de volver a introducir el mismo valor. Esto permite poder 
dibujar varias veces la misma figura con facilidad, con sólo cam- 
biar los parámetros de los que se quiere observar su efecto. 


Otras transformaciones 


Al exponer la técnica de representación en perspectiva he- 
mos utilizado algunos tipos de transformaciones obtenidas al apli- 
car a las coordenadas homogéneas matrices de 4x4. Damos a con- 
tinuación algunas matrices útiles de las que no habíamos hablado 
hasta ahora por si alguien quiere hacer experimentos de gráficos 
computerizados más allá de los descritos en este libro. 

Rotación alrededor del eje “y” en sentido opuesto al de las 


agujas de un reloj un ángulo "A" 


COS(A) 0 -SIN(A) 0 
0 1 0 0 
SIN(A) 0 COS(A) 0 
0 0 0 1 
Sime tría de un punto respecto del plano formado por los ejes 
1 Os FR 1 ES: 
0 1 a 20 O" =1. "00. 
6 a == 0 0 0 ] 0 
O. YA E 1 0 Or £% ] 
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Simetría de un punto respecto del plane formado por los ejes 
NE y 70 

Variación de la escala en cada eje (respectivamente, A, B, € 
para los ejes x, y, 2): 


LAS ON PO 0 
(Es 0 0 
O > 
0% 0 0 1 


Para completar este tema vamos a examinar las reglas para 
multiplicar una matriz de transformación (de 4x4 elementos) por 
un punto o por otra matriz. Esto permitirá conocer con todo deta- 
lle el cálculo de las coordenadas X0, YO, ZO que es efectuado en 
los programas 3.1 y 3.2. Para aplicar una matriz de transformación 
a un punto se efectúa el siguiente cálculo: 


A  B (10, 


y ENE 
OZ) = (AX+DY+GZ+), 
G 1 O|  BX-EY+HZ+K 
CX+FY+IZ+L, 1) 
ON 


En cambio, para multiplicar entre sí dos matrices de 4x4, 
en el caso de las transformaciones en secuencia, el desarrollo de 
la regla se hace excesivamente amplio. Daremos, por tanto, una 
definición algorítmica diciendo de qué manera se efectúa el pro- 
ducto sin terer que desarrollarlo por completo. Empezaremos por 
dibujar dos matrices, “A” y "B”, y asignar un nombre a cada uno 
de los elementos: 


All Al2 Al Al4 Bll  B12 Bl3 Bl4 
A2l A22 .A23 A24 B21 B22 .B23  B24 
A31 A32 A33 A34 B31  B32 B33  B34, 
A4l A42 AB AA B41 B42 B43  B44 


Por cada uno de ellos el primer número indica la fila en la 
que se halla y el segundo la columna. Por ejemplo, A32 (que se 
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lee “a tres dos” y NO “a treinta y dos”) pertenece a la tercera linea 
y a la segunda cclumna. Pues bien, cada elemento Cij de la mala 
resultante (producto de las otras dos) se obtiene con la suma de 
los productos de todos los elementos de la fila "¡” de la matriz 'A* 
por todos los elementos de la columna “j” de la matriz "B”. 

Vamos a poner un ejemplo: el elemento C23 (línea 2 y CO- 
lumna 3 de la matriz resultante C) está dado por: 


C23=A21*B13 + A22*B23 + A23*B33 + A24*B43 


y esto para tocos los restantes 15 elementos de la matriz C. Esta 
regla es general y válida para matrices de cualquier dimensión, 
con tal de que sea respetada la regla fundamental de que el nú- 
mero de líneas de la primera sea igual al número de columnas de 
la segunda. En los restantes casos no será posible efectuar el pro- 
ducto. 
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TÉCNICAS GRÁFICAS AVANZADAS 


El problema de las superficies escondidas 


a técnica utilizada para dibujar objetos tridimen- 
sionales tiene una limitación evidente: las imá- 
genes obtenidas no dan la sensación de repre- 
sentar un cuerpo sólido, sino que recuerdan más 
bien a las de su esqueleto, construido con alam- 
bres. Esto ocurre porque, al contrario de lo que 
pasa con los objetos reales, aquí están represen- 
tadas también aquellas superficies que normal- 
PESE mente no son visibles debido a Su posición. Así 
nace el problema de las superficies ocultas, que puede ser resuel- 
to utilizando la técnica que ahora veremos. 

Dado un “punto de vista” (perspectiva) cualquiera, lo primero 
que tenemos que hacer es fijar un criterio para establecer qué la- 
dos del objeto son visibles y cuáles no. Una vez hecha la clasifi- 
cación, el programa deberá encargarse de trazar sólo aquellas su- 
perficies que corresponderían a la imagen del objeto que tendría- 
mos si lo estuviéramos mirando realmente desde ese punto en 
concreto. Para experimentar esta nueva técnica nos referiremos 
al programa 3.3: 


10 REM +ex PROGRAMA 3.3 +** 

20 REM 

30 REM DIBUJA UN OBJETO TRIDIMENSIONAL 
40 REM ELIMINANDO LAS LINEAS NO VISIBLES 
50 REM 

50 REM 

70 X1=0:XD=319:Y4=0:YB=199:FE=1.1 
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80 CX=INT(AD/2):CY=INTCYB/2) 
30 RH=20:TH=30:PH=60:D=200 
100 G0T0 170 


110 REM 

120 REM PREPARACION LISTA DE LOS VERTICES 
130 REM 

140 READ NV:DIM V(NV,3) 

150 FOR I=1 TO NV:FOR li=1 T0 3 

160 READ V(I, 11D:NEXT 11,1 Sa 

170 RETURN 

130 REM 

130 REM PREPARACION LISTA DE LAS SUPERFICIES 
200 REM 


210 READ NS:sREAD MP:DIM SU(NS, MP), NP UNS) 
220 FOR I=1 TO NS:READ NPCIDSFOR Ti=1 TO NPCI) 
230 READ SUCI, 11):NEXT 11, 

240 RETURN 

250 REM 

260 REM PREPARACION LISTA DE LAS NORMALES 

270 REN 

280 1F F=0 THEN DIM N(NS, 3) 

290 FOR I=1 70 NS 

300 V1=V(SULI, 2),1)-V(SUCT, 1D, 1 

310 U2=V(SU(I, 2), 29-V(SU(I, 19,2) 

320 U3=V(SUt1,2),3)-Y(SU(1,1),9) 

330 VI=V(SU(1,3),1)-V(SU(T,1),1) 

340 V2=V(SUCI, 3),2)-V(SUCI, 10,2) 

350 V3=V(86(1,3),3)-V(SU(1,1),2) 

360 NC, 1)=U2eV3-V24U3 

370 NUI, 2)=U3*V1-V3+U1 

380 NCI, 2) =ULeV2-Y18U2 

390 NEXT 1 

400 RETURN 

410 REM 

420 REM PREPARACION LISTA DE LOS BORDES VISIBLES 
430 REM 

440 IF F=0 THEN DIM BVINS+MP/2, 2) 

450 XI=RHeS24C1:YI=RHeS2481:71=RH4C2 

460 B=1:FOR I=1 TO NS:PO=SUCI, 1) 

470 Wi=X1-V(PO, 1):H2=Y1-V(PO, 2) :43=Z1-V(PO, 3) 
480 IF NCI, 1)+H1+NC1,2)WHZHNCI,33HH3(=0 THEN 590 


430 FOR 11=2 TO NPCI) 

500 P1=SU(1,11-1):P2=SU(1, 11) 

510 IF B=1 THEN 580 

520 FOR 12=1 TO B-1 

530 P3=BV(12,1):P4=BV(12,2) 

540 1F (PI=P3 AND P2=P4) DR (P1=P4 AND P2=P2) 
THEN 12=9999 

550 NEXT 12:1F 12)B THEN 580 

560 BV(B, 1)=P1:BV(B, 2)=P2 

570 B=B+1 

580 NEXT 11 

590 NEXT 1 

600 RETURN 

610 REM 

620 REM CALCULO COORDENADAS VISUALIZACIÓN 

630 REM 

640 XO=-J851+VECi 

650 YD=-1XC14C2-VES1AC2+2452 

660 10=-1e52401-VES2481-24C24RH 

670 XY=.5+X+DXD/Z0+FE 

680 YV=.5+Y-DEYO/Z0 

630 RETURN 

700 REN 

710 REM TRAZADO DE LA FIGURA 

720 REM 

730 FOR 1=1 TO B-1:FOR P=1 T0 2 

740 K=V(BVII,P), 1): Y=V(BVC1,P),2):2= 
VUBVC1,P),3) 

750 60SU8 640:X(P)=XV: Y (P)=YV:GOSUB 830 

760 NEXT P 

770 605U3 920:1F V=1 THEN LINE XC1),YC0, 
X(2),Y(2),1 

780 NEXT 1 

790 RETURN 

BOO REM 

810 REM CLASIFICACIÓN PUNTOS 

820 REN 

830 1(P)=KCPI<XI 

840 D(P)=X(P))XD 

850 ACP)=Y(PI<VA 

860 B(PI=V(P)IYB 
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870 RETURN 

880 REM 

890 REM CALCULA LOS EXTREMOS (CLIPPING) 

900 REN 

910 GOSUB 830 

920 V=0:1F TU) AI C2I+D CI EDCZIAA CORA C2)+ 
B(1)*B(2)<>0 THEN 1000 

330 P=1:1F 1(1)+DC1)+AC(1)+B(1)<>0 THEN 960 

940 P=2:1F 1(2)+D(2)+AC2)+B(2)%)0 THEN-.960 

350 V=1:60T0 1000 

960 IF 1(P)<50 THEN Y(P)=Y(1)+(XI-X(1)3*(1(2)- 
Y (19/0102) -X(1)):X(P)=X1:60T0 910 

970 1F D(PI<20 THEN Y(P)=Y(1)+(XD-X(1))*(Y(2)- 
Y(19)/(X02)-X(1)):X(P)=XD:60T0 910 

380 IF ACPI<7O THEN X(P)=X(1)+(YA-Y01))+(X02)- 
XC0109/0Y2)-1(1)):Y(P)=YA:60T0 910 

930 1F B(PI<30 THEN X(P)=X (1) +(YB-101) e 0X02)- 
1(19)/(1(2)-1(19):Y(P)=YB:60T0 910 

1000 RETURN 

1010 REM 

1020 REM PETICION PARAMETROS 

1030 REM 

1040 PRINT "EIPARAMETROS PARA LA VISUALIZACION" 

1050 PRINT “WIREIO DISTANCIA RHO (OBSERVADOR) ..."¡RH 

1960 PRINT "(MDANGULO THETA (HORIZONTAL. ......"¿TH 

1070 PRINT "GI ANGULO PHI (VERTICAL) ..ooooomoo. "¡PR 

1080 PRINT "CODISTANCIA D (PROYECCION ........"¡D 

1090 PRINT “EXQRIrTa";TAB(29);: INPUT RH 

1100 PRINT *()*;TAB(29);: INPUT TH 

1110 PRINT "CO*;TABC29);: INPUT PH 

1120 PRINT "(0"¡TAB(29);: INPUT D 

1130 RETURN 

1140 REM 

1150 REN PROGRAMA PRINCIPAL 

1160 REM 

1170 DIM 1(2),D(2),4(2),8(2) 

1180 G05UB 1040:HIRES 1,0 

1190 S1=SIN(TH/180*P1):C1=C05(TH/180+PI) 

1200 52=SINCPH/180*P1):C2=COSCPH/1B0+P1) 

1210 1F F=1 THEN 1240 

1220 GOSUB 140:REM LISTA VERTICES 


1230 G0SUB 210:REM LISTA SUPERFICIES 

1240 60S5UB 280:REM LISTA NORMALES 

1250 A05UB 440:REN LISTA BORDES VISIBLES 

1260 GOSUB 730:REM TRAZADO FIGURA 

1270 REN 

1280 F=1:POKE 198,0:REM PUESTA A CERO DEL 
BUFFER DEL TECLADO 

1290 GET 1$:1F T$="" THEN 1290 

1300 PRINT "K2":NRM:PRINT "raxexo TECLEA <RETURN> 
PARA CONTINUAR” 

1310 GET TS:1F T$="" THEN 1310 

1320 IF T9=CHR$(13) THEN 1180 

1330 PRINT:PRINT "GIIO OK, ADIOS":END 

1340 REM 

1350 REM DESCRIPCION DE LA FIGURA 

1360 REM 

1370 DATA 5,2,5,-4,-2,5,-4,-2,-5,-4,2,-5, 
-4,0,0,4 

1380 DATA 5,5,4,1,5,4,1,4,3,3,2,3 

1390 DATA 4,2,5,1,2,4,4,5,3,4,3,1,4,3,2,1 

READY 


La figura que vamos a dibujar, una pirámide con base rectan- 
gular, está codificada en el grupo de instrucciones DATA que se 
hallan al final del programa (líneas 1370-1390). El procedimiento 
que estamos examinando requiere que sean proporcionadas las 
posiciones de todos los vértices del objeto y la definición de cada 
una de sus superficies en relación a ellos. Refiriéndonos a la figu- 
ra 1, las posiciones de los vértices son: 


vértice número 1=2,5,-4 
vértice número 2=-2,5,-4 
vértice número 3=-2,-5,-4 
vértice número 4=2,-5,-4 
vértice número 5=0/0,4 


Cada superficie se define posteriormente por medio de la se- 
cuencia de los vértices que la delimitan. Según el procedimiento 
empleado, resulta esencial que éstos sean puestos por orden en 
sentido contrario al de las agujas del reloj con relación a un ob- 
servador que mire la superficie desde el exterior del sólido. Ade 
más, una superficie definida, por ejemplo, por cuatro puntos será 
indicada como si lo estuviera por cinco, ya que al efectuar el di- 
bujo el último punto deberá unirse con el primero. Una vez pre- 
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s4 S2 (DETRAS) 
(LADO IZQUIERDO) 


S3 (LADO 
DERECHO) 


a) 


S5 (DEBAJO) 


E Figura 1.—El sólido que vamos a dibujar es una pirámide con base 
rectangular, traspasada por el eje “z” de forma que el origen se ha- 
lle.a media altura (aquí los ejes no están trazados). Las coordenadas de 
los vértices y la definición de las superficies, desde S1 hasta S5, están con- 
tenidas en las líneas DATA del programa 3.3. 


cisados estos detalles, explicaremos de qué manera están orga- 
nizadas las líneas DATA: 


— número de vértices, coordenadas X,Y,Z del vértice núme- 
ro 1, coordenadas X,Y,Z del vértice número 2, y así hasta 
el último vértice (línea 1370); 

— número de superficies, número máximo de vértices por su- 
perficie (línea 1380); 

— número de vértices de la superficie número 1, primer vér- 
tice de la superficie número 1, segundo vértice de la su- 
perficie número 1, etc. (línea 1380); 

— número de vértices de la superficie número 2, etc. (tam- 
bién en la línea 1380); 

— sigue así hasta la última superficie, la número 5 (línea 1390). 
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El programa 3.3 pone en práctica la técnica de las superficies 
ocultas, que representa en cierio modo la síntesis de todas las que 
hemos visto hasta ahora. Después de las mismas inicializaciones 
de siempre (líneas 70-90) el control pasa a la línea 1170, donde co- 
mienza el programa principal. El motivo por el cual están dimen- 
sionados los vectores 1, D, A, Butilizados luego en la subrutina ha- 
bitual de clipping, es el de ahorrar espacio en memoria. En efecto, 
si no se especifica, el BASIC dimensiona automáticamente cada 
vector asignándole once elementos (de O a 10); al escribir progra- 
mas complejos es bueno acostumbrarse a no derrochar las reser- 
vas del ordenador. 

A continuación se ejecuta la subrutina, ya vista en el progra- 
ma 3.2, que solicita los parámetros (líneas 1020-1130), luego se vi- 
sualiza en la pantalla la página gráfica (línea 1180). 

A partir de los datos proporcionados por el usuario, las líneas 
1190 y 1120 calculan el valor de las habituales variables Sl, S2, Cl, 
C2, Recuerde que los datos están expresados en los comunes gra- 
dos sexagesimales. El salto condicionado a la línea 1210 sirve para 
ejecutar una parle del procedimiento tan sólo la primera vez, aho- 
rrando así tiempo de procesamiento cuando se repite el cálculo 
cambiando exclusivamente el punto de observación (pero no la 
figura que se quiere trazar). 


Identificación de las superficies visibles 


El método para seleccionar las superficies del sólido que no 
quedan ocultas para el observador se basa en una serie de 
subrutinas, llamadas a partir de la línea 1220, y procede de esta 
manera: 


1. Partiendo de la descripción del objeto contenida en las lí- 
neas DATA so prepara una lista de vértices (líneas 120-170), 
Esta lista se construye en un vector (o matriz) de dos di- 
mensiones llamado V(). 

2. Basándose siempre en los DATA se rellenan otros dos vac- 
tores, SU() y NP() (líneas 190-240). El primero es también 
de dos dimensiones y contiene una lista de los vértices 
que delimitan cada superficie (en sentido opuesto al de las 
agujas del reloj); para cada una de ellas, el segundo vector 
(un vector unidimensional) indicará el número de vértices 
que la componen. - 

3. Disponiendo de las listas obtenidas en los pasos 1 y 2 se 
utiliza un método de cálculo que, recurriendo al concepto 
matemático-geométrico de vector, determina la orientación 
de cada superficie localizando la dirección de una normal 
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(es decir, de una línea perpendicular a ella). Esto se lleva 
a cabo en las líneas 260-400. 

4. Ya podemos combinar las informaciones acerca de la orien- 
tación de cada superficie con las de la posición del obser- 
vador, para determinar por último si cada una de ellas es 
visible O no desde ese punto de vista en concreto (líneas 
420-600). 

5. Ahora no queda más que someter los vértices de las su- 
perficies visibles al procedimiento que ya conocemos de 
representación en perspectiva (líneas 620-690) y unirlos 
luego con segmentos a fin de obtener los contornos de 
aquella superficie (líneas 710-790). 


Lo que se obtiene es una fiel representación de cómo vería 
un observador el objeto al mirar desde esa posición. El método 
utilizado en el programa 3,3 funciona correctamente sólo si se apli- 
ca a sólidos convexos, es decir, a aquellos cuyas superficies no 
fcrman nunca ángulos externos menores que 180 grados (o, en 
otras palabas, que no tienen “entradas”). Todo el proceso es báas- 
tante complejo, así que convendrá seguirlo deteniéndose en los 
detalles que necesitan que profundicemos más. 


Primer paso: lista de los vértices 


La matriz que contieno la lista de los vértices del sólido apa- 
rece en la figura 2. La subrutina que la rellena (líneas 140-170) a 
partir de los DATA no necesita particulares comentarios. 


Segundo paso: lista de las superficies 


La figura 3 muestra el vector SU() que describe cada super- 
ficie mediante la lista de vértices que la delimitan. Aparece tam- 
bién el vector que contiene el número de vértices para cada una 
de ellas NP(). La subrutina que los llena se halla en las líneas 
210-240. 


Tercer paso: lista de las normales (orientación de las superficies) 


Para determinar de qué manera están orientadas las superfi- 
cies que delimitan el sólido que va a ser representado es nece- 
sario utilizar un nuevo concepto: el de vector. Podemos describir 
un vector como un segmento orientado, es decir, que posee un 
sentido determinado, que une dos puntos ya sea que estén en un 
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PRIMER INDICE SEGUNDO INDICE 


VERTICE N.* 3 EEES 
E E ES 
CE EA 


LISTA DE LOS VERTICES: VECTOR V( ) 


ay Es”: 2.—A cada vértice se le asigna un número de orden, en este 
caso de l a 5. El vector V( ) contiene las coordenadas X,Y,Z. 


PRIMER INDICE: SEGUNDO INDICE: INDICE: 
VERTICES QUE HAY QUE UNIR 


SUPERFICIE N.* 1 
SUPERFICIE M.* 2 


SUPERFICIE N.* 3 
SUPERFICIE N.* 4 


SUPERFICIE N.* 5 


LISTA DE LOS VERTICES: VECTOR SU () NUMERO DE VERTICES POR CADA 
SUPERFICIE: VECTOR NP () 


Figura 3.—Vectores que describen las superficies del sólido. Los 
vértices deben ponerse en la lista procediendo en sentido contrario 
al de las agujas de un reloj (mirando la superficie desde el exterior) 
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plano o en el espacio. También en este caso no nos es posible pro- 
fundizar sobre el tema, pero es conveniente saber que se puede 
identificar un vector a partir de las coordenadas de sus puntos ter- 
minales. Vayamos a la figura 4: considerando como extremos los 
puntos A(XA YA, ZA) y B(XB,YB,ZB) resulta que el vector AB está 
definido por la terna (XB-XA,YB-YA,ZB-ZA). 

Del mismo modo que ocurre con los múmeros, también los 
vectores pueden sumarse, sustraerse, multiplicarse o dividirse en- 
tre sí. Sin entrar en detalles sobre la teoría de vectores vamos a 
considerar un tipo particular de multiplicación entre ellos, llama- 
do producto vectorial. Partiendo, por ejemplo, de los vectores 
Vl=(X1,Y1,Z1) y V2=(X2,Y2,22) su producto vectorial se define 
como: 


V1xV2=(Y1*Z2-Z1*Y2,Z1*X2-X1 *Z2X1*Y2-Y1*X2) 


e B(XB,YB,ZB) 


A(XA,YAZA) 


de Figura 4.—Un vector AB puede ser identificado a partir de las coor- 
denadas de sus dos extremos. El producto vertoria! entre dos vec- 
tores, por ejemplo VÍ y V2 representa también otra vector, que siempre 
será perpendicular a! plano en el que se hallan Vi y V2 Al escoger los 
dos vectores de partida como está Indicado, V3 señalará siempre hacia el 
exterior del sólido. Los vectores U.V.N de la subrutina 280 corresponden 
a VÍ V2 y V3en la figura. Esto mismo se repite para cada superficie exa- 
minada. 
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No hay que olvidar que el producto vectorial de dos vecto- 
res, es decir, la terna resultante, representa otro vector. 

Lo que nos interesa es una propiedad geométricia de este 
producto: el vector que se obtiene resulta siempre perpendicular 
al plano sobre el que se hallan VÍ y VÉ (los dos vectores de par- 
tida) y su sentido se halla “girando” VÍ hacia Vé, como si fuera un 
destornillador, y viendo hacia dónde iría. La situación está ilustra- 
da en la figura 4, a partir de la cual podemos darnos cuenta de 
que el vector V3 (que resulta del producto vectorial de Vi y V2) 
puede ser utilizado para indicar la orientación de la superficie. Se 
dice que V3 es una normal de la superficie, una línea perpendi- 
cular a ella. 

La lista de las normales es formada por la subrutina compren- 
dida entre las líneas 280-400. A cada una de las superficies del só- 
lido se asocian dos vectores U y V, correspondientes a V1 y VÁ 
de la figura 4, e identificados en el programa con las ternas 
(UlU2,U3) y (V1,/V2,V3). A partir de éstos se calcula la terna co- 
rrespondiente a la normal de esa superficie (efectuando el pro- 
ducto vectorial de U y V, líneas 360-380), que es memorizada en 
el vector N(). Al final del ciclc el vector contiene la lista de las 
normales a cada superficie. 

Al observar la subrutina puede notarse que los dos vectores 
que hay que multiplicar se eligen siempre de forma que el se- 
gundo esté orientado de forma que su rotación sea opuesta a la 


PRIMER INDICE: SEGUNDO INDICE: PRIMER INDICE: SEGUNDO INDICE; 


Vértice Vórtice 
BORDE N 


inicial final 

; Ada 
somera] 
CCC E E 


ECTOR NORMAL 
A LA SUPERFICIE N.* 1 


BORDE N.* 4 
BORDE N." 5 


LISTA DE LAS NORMALES: VECTOR N ( ) LISTA DE LOS BORDES VISIBLES: VECTOR 
Bv () 


,) Figura 5.—La lista de las normales a cada superficie es realizada por 
una subrutina específica a partir del vector SU(). En base a esto se 
halla una lista de los bordes visibles, que indica los vértices iniciales y fi- 
nales de cada segmento que hay que trazar. 


133 


del primero según se observa la superficie desde el exterior. Tal 
elección puede ser efectuada con seguridad, ya que nos hemos 
ocupado de hacer que en la lista de las superficies los vértices 
estén precisamente en el orden obtenido recorriéndolos en sen- 
tido opuesto al de las agujas de un reloj. Gracias a esta precau- 
ción, cada normal estará siempre dirigida hacia el exterior del só- 
lido. 


— 


Cuarto paso: test de visibilidad de cada superficie 


La última lista que hay que determinar es la de los bordes 
de las superficies visibles. El vector BV() destinado a contenerlo 
es dimensionado en la línea 440, con un criterio bastante arbitra- 
rio, pero tal que asigna un número de elementos suficientes para 
este fin. 

Para determinar si una superficie es visible recurrimos a otra 
propiedad de los vectores. Se trata esta vez del llamado producto 
escalar, que es otro lipo de multiplicación entre vectores distinto 
del producto vectorial y que da como resultado un número, no un 
vector. Tampoco en este caso nos es posible profundizar mucho 
en la teoría matemática, así que diremos solamente que, dados los 
vectores VÍ y V2, su producto escalar toma un valor positivo dis- 
tinto de cero sólo en el caso de que el ángulo entre ambos sea 
menor que 90 grados. Esta importante propiedad nos permite dis- 
tinguir aquellas superficies orientadas hacia el observador de las 
que, en cambio, no lo están, como aparece claramente ilustrado 
en la figura, 6. 

En la línea 450 se calcula la posición del observador, asigna- 
da a las variables X1, Yl y Zl por medio de las reglas trigonomé- 
tricas vistas en otras ocasiones. Se comienza así a contar los bor- 
des visibles con la variable "B”, que parte del valor 1 (línea 460), 
Un ciclo FOR..NEXT (460-590) examina cada superficie, conside- 
rando el vértice número PQ (línea 460). La 470 determina la terna 
correspondiente a un vector W = (W1,W2,W3), que parte del vér- 
tice PJ y está dirigido hacia el observador. 

Considerando dos vectores genéricos V1=(X1,Y1,21) (que no 
hay que confundir con las coordenadas del observador) y 
Vó=(X2,Y2,22), la teoría dice que su producto escalar está dado 
por: 


VÍI*V2=X1*X2+Y1*Y2+Z1*Z2 
A diferencia del producto vectorial, el producto escalar NO 
es un vector, sino un simple número. La línea 480 calcula precisa- 
mente el producto escalar entre la normal y W: si no resulta ma- 
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POSICION 
DEL OBSERVADOR 
(X1, Y1,Z1) 


S1 =$ 
CON NORMAL N1 


S2 > 
CON NORMAL N2 


Figura 6. —En la figura los vectores N1 y N2 son normales, respec- 

tivamente, a las superficies S! y S2 de la pirámide. Consideremos el 
vector W, que sale de un punto cualquiera de la superficie y está dirigido 
hacia la posición del observador. La superficie S1 resulta visible porque 
el ángulo A entre W y N]1 es menor que 90 grados, mientras que S2 per- 
manece oculta porque el ángulo B entre W y N2 es, en cambio, mayor que 
90 grados. 


yor que cero la superficie es desechada, ya que no resulta visible 
desde esa posición. 

En caso contrario, el bucle con variable 1] que se inicia en la 
490 incluye en el vector B() los vértices de la superficie, tomán- 
dolos dos a dos y formando así una lista de segmentos visibles 
(o bordes visibles). En esta fase está también previsto un control 
para evitar poner en lista dos veces el mismo segmento, como 
ocurriría en el caso del borde entre dos superficies visibles. Este 
control está seguido por el bucle con índice 12 que se inicia en la 
línea 520. 


Quinto paso: dibujo en perspectiva 


Ahora no queda más que dibujar la imagen en perspectiva 
del sólido. Para alcanzar este objetivo, los extremos de cada bor- 
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de visible son sometidos al ya conocido procedimiento de pro- 
yección tridimensional, el mismo que hemos utilizado en los pro- 
gramas 3.1 y 3.2 (subrutina 640-690). Para hacer más completo y 
"profesional” el procedimiento, se utiliza también una subrutina de 
clipping (líneas 810-870 y 890-1000), con el fin de no limitar de nin- 
guna manera la posición del observador. El resultado de toda la 
operación será dibujado luego en la pantalla. 

Con esto cencluye la descripción de la técnica de elimina- 
ción de las superficies no visibles. Por último, teniendo en cuenta 
la complejidad cel procedimiento y las eonsiguientes dificultades 
que pueden obstaculizar su comprensión, hemos incluido una lis- 
ta completa de las variables utilizadas en el programa 3.3, 


Lista de las variables del programa 3.3 


XIXD,YA,YB=lírrites a la izquierda, a la derecha, por arriba y por 
abajo de la pantalla. 


CX CY =coordenadas del centro de la pantalla. 
RH=distancia del observador al origen. 
TH=ángulo 0 (theta). 

PH=ánguilo d (phi). A. 

D=distancia del plano de proyección al origen. 
NV=número de vértices del sólido. 

V()=lista de los vértices (vector de dos dimensiones). 
X, Y Z=coordenadas de los vértices del objeto 
XO,YO,ZO=coordenadas respecto del observador. 
S1,C1=seno de 0 (theta) y coseno de 6 (theta). 
S2,C2=seno de o (phi) y coseno de d (phi). 

XV, YV=coordenadas de visualización de ur. pun:o. 


IO.DO.AO.BO =indicadores que señalan si un punto se halla fuera 
.de uno de los límites de la pantalla. 


X(O,YO=puntos extremos del segmento que hay que someter a 
clipping. 

V=distinto de cero si un segmento es dibujable en pantalla. 
P=índice de los puntos de un segmento para la subrutina de clip- 
ping. 

Pf'= parámetro solicitado. 

l=índice genérico. 
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ae número de puntos (vértices) entre todas las super- 
icies. 

SU()=lista de las superficies (vector de dos dimensiones). 
NS=número total de superficies del sólido. 

NP()=número de los puntos de cada superficie (vestor de una di- 
mensión). 

Il =índice genérico. 

N()=lista de las normales (vec:or de dos dimensiones). 

Ul U2U3=coordenadas del vector U para el cálculo de la normal, 
V1,V2,V3=coordenadas del vector V para el cálculo de la normal, 
BV()=lista de cos bordes visibles. 

X1,Y1,21=coordenadas del observador. 

P0=número del primer punto de una superficie. 

P1,P2=extremos de un borde visible recién determinado. 
P3,P4=extremos de un borde visible ya en lista. 

T$=tecla apretada al final del dibujo. 


F=indicador que señala que los vectores ya han sido dimensio- 
nados. 


Conclusión 


Todas las técnicas que hemos examinado en este libro van 
acompañadas de programas demostrativos, escritos de forma que 
animen a modificarlos y experimentar con ellos tanto en el Com- 
modore 64 como en otros ordenadores personales. En particular, 
los objetos del programa (las figuras geométricas) son la mayoría 
de las veces fácilmente definibles de nuevo, ya que están descri- 
tos por medio de líneas DATA. El hecho de modificar los progra- 
mas, las figuras codificadas en ellos o desarrollar nuevas técnicas 
constituirá una valiosa ayuda para entender plenamente las bases 
de los gráficos computerizados. 
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En muchos de los listados aparecen dentro de las instruccio- 
nes PRINT símbolos gráficos, de algunos de los cuales hemos ex- 
plicado ya el significado. Las siguientes tablas son un resumen de 
aquellos que afectan al control de la impresión y del color. 


[] 
El 
pl 
(3 
y 
m 
o 


Espacio 

Cursor a la derecha 

Cursor a la izquierda 

Cursor hacia abajo 

Cursor hacia arriba 

Cursor al punto HOME (arriba a la izquierda) 
Vaciar la pantalla 

Inversión de contraste (negro sobre blanco) 
Vuelta al contraste normal (blanco sobre negro) 
Supresión de carácter 


Inserción de carácter 
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Símbolo 


ho] 
pe 
A 
ma 
o 
EA 
mm 
KA 


negro 
blanco 
rojo 
turquesa 
púrpura 
verde 

azul oscuro 
amarillo 
anaranjado 
pardo 

rosa 

gris oscuro 
gris medio 
verde claro 
azul claro 


gris clarc 
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BIBLIOTECA BASICA INFORMATICA 


INDICE GENERAL 


Dentro y fuera del ordenador 

Todo lo que debemos saber para poder comprender 
en qué consisten y cómo funcionan los ordenadores. 
Diccionario de términos informáticos 

Una perfecta guía en ese «maremagnurn» de palabras y 
frases ininteligibles que se usan en Informática. 

Cómo elegir un ordenador... que se ajuste a nuestras 
necesidades 

Las características y detalles en los que deberemos 
centrar nuestra atención a la hora de elegir un 
ordenador. 

Cuidados del ordenador... cosas que debemos hacer o 
evitar r 

Esos corsejos que le evitarán problemas con su 
equipo, permitiéndole obtener el máximo provecho. 
¡Y llegó el BASIC! (1) : 
Un claro y sencillo acercamiento a los principios de 
este popular lenguaje. 

Dimensión MSX 

El primer BASIC estándar que ha conseguido difundirse 
de verdad no es sólo un lenguaje; hay bastante más. 
¡Y llegó el BASIC! (I) 

Instrucciones y comandos que quedaron por explicar 
en el la parte 1 

Introducción al Pascal 

Una buena manera de adentrarse en la programación 
estruc:urada, ¡la nueva ola de la Informática! 
Programando como es debido... algoritmos y otros 
elementos necesarios. 

Ideas para mejorar la funcionalidad y desarrollo de sus 
programas. 
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11 


12 


13 


14 


15 


16 


17 


18 


19 


20 


21 


22 


23 


24 
25 


Sistemas operativos y software de base 

Qué son, para qué sirven. Unos desconocidos muy 
importantes. 

Sistema operativo CP/M 

Uno de los sistemas operativos para microprocesadores 
de 8 bits de mayor difusión en el mercado, 

MS-DOS: el estándar de IBM 

Sistema operativo para el microprocesador de 16 bits 
8088, adoptado por el IBM-PC. 

Paquetes de aplicaciones. Software “pret a porter” 
Características y peculiaridades de los más importantes 
paquetes de aplicaciones. 

VisiCalc: una buena hoja de cálculo 

Interioridades y manejo de una de las hojas de cálculo 
más usadas. 

Dibujar con el ordenador 

Profundizando en una de las facetas útiles y divertidas 
que nos ofrecen los ordenadores. 

Tratamiento de textos... para escribir con el ordenador 
Cómo convertir su ordenador en una máquina de 
escribir con memoria y todo tipo de posibilidades. 
Diseño de juegos 

Particularidades características de esta aplicación de 
los ordenadores. 

LOGO: la tortuga inteligente 

Un lengua:e conocido por su «cursor gráfico», la tortuga, 
y sus aplicaciones pedagógicas al alcance de su mano. 
BASIC y tratamiento de imágenes 

Todo lo que en ¡Y llegó el BASIC! no se pudo ver sobre 
las imágenes y gráficos en el BASIC. 

Bancos de datos (1) 

Peculiaridades de una de las aplicaciones de los 
ordenadores más interesantes, y que más dinero 
mueven. 

Bancos de datos (11) 

Profundizando en sus características, 

Paquetes integrados: Lotus 1-2-3 y Simphony 

Estudio de dos de los paquetes integrados (Hoja de 
cálculo +base de datos+..) más conocidos. 

ABASE Il y dBASE IM 

Cómo aprovechar las dos versiones más recientes de 
esta importante base de datos. 

Los ordenadores uno a uno 

Un amplio y completo estudio comparativo. 

Cálculo numérico en BASIC 

Una aplicación especializada a su disposición. 


26 Multiplan 
Cómo hacer uso de este moderno paquete de 
aplicaciones. 

27 FORTRAN y COBOL 
Dos lenguajes muy especializados y distintos. 

28 FORTH: anatomía de un lenguaje inteligente 
Principales características de un lenguaje moderno, 
flexible y de amplio uso, en la robótica. 

29 Cómo realizar nuestro propio banco de datos 
Conocimientos necesarios para poder fabricar un 
banco de datos a nuestro gusto y medida. 

30 Los paquetes integrados uno a uno 
Todos los que usted puede encontrar en el mercado. 


NOTA: Ingelek, S. A. se reserva el derecho de modificar, sin 
previo aviso, el orden, título o contenido de cualquier volu- 
men de la colección. 
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uién puede afirmar que no se ha quedado 
nunca atónito frente a una pantalla de or- 
denador admirando las increíbles imáge- 
nes que reproducía? 

Las técnicas ae dibujo computerizado 
alcanzan ya a muchos campos: gráficas de 
gestión, diseño industrial, películas, ví- 
deo-juegos... Ahora bien, ¿puede entrar 

aquí en acción nuestro ordenador? Por supuesto que sí; 
sólo hace falta que le instruyamos adecuadamente, como 
siempre. 

Así, deberemos aprender las técnicas que nos permi- 
tirán dibujar sobre la pantalla puntos, líneas, figuras y lue- 
go aprender a moverlas, bien sea mediante traslaciones 
o rotaciones. Una vez los dominemos podremos dedicar- 
nos a representar objetos tridimensionales en todas las 
perspectivas que queramos, haciendo aparecer o no las 
líneas ocultas. 

Todo esto es lo que veremos en el libro, partiendo de 
una teoría completa, explicada desde el principio para 
que nadie “se pierda”, y con la ayuda de numerosos pro- 
gramas, prácticos y flexibles, escritos en BASIC. 
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